IE8背景截止

时间:2013-04-26 18:51:58

标签: cross-browser width background-image css

我有一个网站使用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的机器上进行了测试,但它们都有相同的问题,所以这里没有浏览器缓存。

谢谢,
约什

1 个答案:

答案 0 :(得分:0)

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

谢谢,
约什

相关问题