0

我有一个使用 div 在屏幕上显示背景图像的网站，我在 div 中没有任何内容，但我指定了一个高度。

我的代码如下所示：

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

我的CSS看起来像：

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

我不明白的是，在 Safari 和 FireFox 中，背景图像跨越了我的浏览器的宽度，但在 IE8 中，它在大约 1000px 左右后停止，它不在另一个 div 中......它本身就是除了我发布的代码外，没有其他代码。如果我以像素为单位指定宽度，它会更长，但如果我不指定宽度或宽度为 100% 之类的百分比，则它不起作用。我还尝试将最小宽度设置为图像的宽度，但这也不起作用。

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

谢谢，
乔什

4

1 回答 1

0

我接受了@Zaf Khan 的建议并重新设计了我的网站以适应更小的屏幕分辨率。我确实喜欢原始代码，但我很高兴我更改了它，因为我已经针对更多屏幕尺寸对其进行了优化 :-) 并且尽管它看起来与之前有所不同，但它的功能要好得多！

谢谢，
乔什

于 2013-04-26T21:55:49.617 回答