CSS负面右背景位置

我知道我可以在背景图像上设置负左侧位置,如下所示：

#element {
    background: url(image.png) -20px 0 no-repeat;
}

无论#element的宽度如何,它都会将背景图像20px定位在#element左边缘的左侧.

但有没有办法设置一个负的正确位置,而不给#element一个固定的宽度(然后只设置一个高的正左值)？

解决方法

您想要做的事情不可能按照您想要的方式进行.

修复可能是创建一个父div,其位置为：relative;属性,然后z-index另一个div,用于保存包含内容的div.

<style>
    #parent {
        position: relative; 
    }
    #background {
        background: url(img.png) top left no-repeat;
        position: absolute;
        top: 0;
        left: -20px;
    }
    #content {
        position: absolute;
        top: 0;
        left: 0;
    }
</style>


<div id="parent">
    <div id="background"></div>
    <div id="content"></div>