问屏幕上的全横幅宽度

EN

background-size: 100%应该可以做到这一点。

给你，http://jsfiddle.net/xGQtF/6/

如果它是一个可以重复的渐变或图案，你可以使用

background-repeat:repeat-x; 

或者只需将'repeat-x‘插入到背景css中，如下所示

background:url(images/blah.jpeg) repeat-x;

这样，您只需要image>smaller镜像sizes>quicker加载时间的一小部分。

要去掉它与图像一起显示的颜色，您可以使用

background-color:transparent;

另外，如果你想让横幅从一端无缝地延伸到另一端，一定要用

padding:0px;
width:100%;

并使用

margin:0px;
width:100%;

在包含背景的div上。

尽管它可以在不将正文填充设置为0px的情况下拉伸到整个宽度，但如果没有设置，一些浏览器会自动给出正文填充，这样它就会抵消那些设置的填充。

如果你使用的图像有弯曲的边缘和顶点等，这不适合你，你只想拉伸它(我个人认为这在99%的细节图像上看起来不会很好)，你可以使用：

background-size:100%;

希望我能帮上忙=)