我知道我可以在背景图像上设置负左侧位置,如下所示:
#element { background: url(image.png) -20px 0 no-repeat; }
无论#element的宽度如何,它都会将背景图像20px定位在#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>