Javascript 屏幕上的全横幅宽度

我有一个以图像为背景的横幅。图像大小为670*303。有没有办法将横幅（图像）拉伸到屏幕的全宽

演示在

此外，还有额外的颜色（背景色：#808000）

下面的横幅，如何删除它

---

谢谢。

背景尺寸：100%应该可以

---

这里，

如果是可以重复的渐变或图案，您可以使用

background-repeat:repeat-x; 

background-color:transparent;

或者只需在背景css中插入“repeat-x”，如

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

这样，您只需要一小块图像>更小的图像大小>更快的加载时间

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

background-repeat:repeat-x; 

background-color:transparent;

此外，如我所怀疑的，如果您希望使横幅从一侧无缝地伸展到另一侧，请确保将主体样式设置为

padding:0px;
width:100%;

和使用

margin:0px;
width:100%;

在包含背景的div上

虽然它可能会延伸到整个宽度，而不会将主体填充设置为0px，但如果未设置主体填充，某些浏览器会自动提供主体填充，因此会抵消那些设置主体填充的效果

如果您使用的图像有弯曲的边缘和顶点等，这将不适合您，您只需要拉伸它（我个人认为在99%的详细图像上这看起来不好看），您可以使用：

background-size:100%;

---

希望我帮到了=）

但它似乎只有一半的屏幕。哦。也许我误解了你。我以为你的意思是图像应该包含在

页眉

div的高度，但占据整个页面的宽度。是吗？是的，但是占据页面的整个宽度它确实占据页面的整个宽度。它是拉伸的。相反，您可能希望在图片上右对齐，并在左侧使用重复的背景。不要期望

背景大小

在IE 6/7/8中工作另一种更为IE友好的方法是使用

img

元素，其宽度为100%

宽度。我使用的css是内联的，所以我可以更快地完成它。