背景图像可以比div本身大吗？
我有一个100％宽度的页脚div。 它的高度大约是50px，这取决于它的内容。
是否有可能给这个#footer一个背景图像那种溢出这个div？
图像大约是800x600px，我希望它位于页脚的左下angular。 它应该像我的网站的背景图像，但我已经在我的身体上设置了一个背景图像。 我需要另一个位于我的网站左下angular的图像和#footer div将是完美的。
#footer { clear: both; width: 100%; margin: 0; padding: 30px 0 0; background:#eee url(images/bodybgbottomleft.png) no-repeat left bottom fixed; } 图像设置为页脚，但不会溢出div。 是否有可能做到这一点？
overflow:visible不做的工作！
我不相信你可以让背景图像溢出其div。 放置在Image标签中的图像可能会溢出其父div，但是背景图像受到它们所在的div的限制。
有一个非常简单的伎俩。 将该div的填充设置为正数，并将margin设置为negativ
#wrapper { background: url(xxx.jpeg); padding-left: 10px; margin-left: -10px; }
您可以使用本文所示的css3 psuedo元素
https://www.exratione.com/2011/09/how-to-overflow-a-background-image-using-css3/
不，你不能。
但作为一个坚实的解决方法，我build议将第一个div分类为position:relative并使用div::before创build一个包含图像的底层元素。 分类为position:absolute可以将其移动到相对于您的初始div的任何位置。
不要忘记添加内容到新的元素。 这里有一个例子：
div { position: relative; } div::before { content: ""; /* empty but necessary */ position: absolute; background: ... }
注意：如果你想把它放在父div的上面，可以使用div::after 。
你提到已经在body上有一个背景图像。
你可以在html上设置背景图片，在html上设置新的背景图片。 这当然取决于你的布局，但你不需要使用你的页脚。
不是真的 – 背景图像被它所应用的元素所限定，溢出属性仅适用于元素内的内容（即标记）。
你可以添加另一个div到你的页脚div，然后把这个背景图片应用到那个上面，然后有溢出。
这可能有帮助 。 它要求页脚高度是一个固定的数字。 基本上，你在页脚div里面有一个正常内容的div， position: absolute ，然后是position: relative的图片，一个负的z-index所以它一直保持在“below”下面，而footer的top高度减去图像高度（在我的例子中， 50px - 600px = -550px ）。 testingChrome 8，FireFox 3.6和IE 9。
使用背景大小的封面为我工作。
#footer { background-color: #eee; background-image: url(images/bodybgbottomleft.png); background-repeat: no-repeat; background-size: cover; clear: both; width: 100%; margin: 0; padding: 30px 0 0; }
很明显，请注意支持问题，请检查我可以使用： http : //caniuse.com/#search=background-size
