IE8背景截止

我有一个网站，使用div来显示屏幕上的背景图像，我没有在div中，但我指定了一个高度。IE8背景截止

我的代码如下所示：

<div id="nav"> 
    <!-- --> 
</div>

我的CSS是这样的：

/* Navigation */ 
#nav { 
    background: url("images/bgnav.png") repeat-x; 
    height: 116px; 
    position: relative; 
    z-index: 1; 
}

什么，我不明白的是，在Safari和Firefox的背景图片跨越的宽度事实我浏览器，但在IE8停止大约1000像素左右，它不是在另一个div ......这一切都是自己的，没有其他代码比我张贴。如果我以像素为单位指定宽度，它会变得更长，但如果我没有指定宽度或者宽度是百分之百，它就不起作用。我也试图设置一个最小宽度的图像的宽度，但也没有工作。

任何想法......这似乎只影响IE8。我在多台运行IE8的机器上测试过，它们都有相同的问题，所以这里没有浏览器缓存。

感谢，
乔希

来源

2013-04-26 Josh Rodgers

似乎即使在IE7模式下运行在浏览器中正常，唯一的区别是，在IE7模式下的垂直滚动条出现，即使它被禁用。所有其他模式IE8，IE9，IE10所有边缘到边缘或尽可能接近。 – Zeddy 2013-04-26 19:08:15

我有另一个容器宽度为1600px，这似乎是造成问题ie8 ...因为它比我的浏览器（1440x900）更宽，它看起来像ie停止导航后1440px（因为这是我的浏览器的大小），但继续为1600px的元素。我如何获得跨越整个屏幕的顶级元素，而不是停在1440px ......任何人都见过这个？ – 2013-04-26 19:59:40

发布了大小为1600px的图像位的相关代码，或者更多地建议您将1600px元素缩短为1440，除非您真的需要它？我能看到它需要的唯一方法是如果您的目标Full Hd 1920 * 1080屏幕？ – Zeddy 2013-04-26 20:18:52

我把@Zaf汗的建议，重新设计我的网站是符合一个较小的屏幕分辨率。我确实喜欢原始代码，但我很高兴我改变了它，因为我已经为更多屏幕尺寸进行了优化:-)尽管它看起来有点不同，但它的功能要好得多！

感谢，
乔希

来源

2013-04-26 21:55:49

IE8背景截止

回答

相关问题