没有出现在IE8上的背景图像

时间:2010-03-23 20:00:50

标签: css internet-explorer background

我已经阅读了其他问题,但无济于事 - 我真的无法解决这个问题。

该网站是(经过重新设计,因此不再相关。它使用HTML5元素,但它们未被声明为块,IE并不认为它们应该是。)

页脚上的渐变在非IE浏览器中看起来很棒,但无法在IE 7,8和IE9开发预览中显示。

有什么想法吗?

5 个答案:

答案 0 :(得分:4)

您可以尝试将此添加到页脚CSS(除了现有的页脚样式)。

footer
{    
    display:block;
}

这在FF3.6下为我修复了,我假设它也会在IE中修复它 - <footer>的默认显示样式是inline,它对背景不起作用无论浏览器如何。对它应用块将更像是div。

您还需要小心使用HTML 5.不确定它在所有浏览器中的支持程度。您可能需要考虑<div id="footer"><!-- contents of footer --></div>并在CSS中通过id应用样式而不是..

答案 1 :(得分:2)

我遇到了类似的问题,但终于找到了解决方案。

将格式图像更改为png。

在IE8中运行良好。

答案 2 :(得分:1)

这有效:

#footer_text { 
  background: url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000) repeat-x scroll top left; 
}

我现在要小心将任何样式应用于像页脚这样的html5元素。并非所有浏览器都支持它们。

但是,出于语义原因,您可以使用它们。

答案 3 :(得分:1)

如果我使用IE 8的开发人员工具栏查看页脚,我会将其作为background-image定义:

 url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000); TEXT-ALIGN: center

注意右边的部分。我不知道它来自哪里 - 它不在样式表中。也许这张纸有点乱码。如果我删除文本对齐部分,页脚图像显示正常。您的body定义也会发生同样的情况。

答案 4 :(得分:0)

尝试在Photoshop或类似文件中打开文件,并以网页形式进行干净的保存。