我已经阅读了其他问题,但无济于事 - 我真的无法解决这个问题。
该网站是(经过重新设计,因此不再相关。它使用HTML5元素,但它们未被声明为块,IE并不认为它们应该是。)
页脚上的渐变在非IE浏览器中看起来很棒,但无法在IE 7,8和IE9开发预览中显示。
有什么想法吗?
答案 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或类似文件中打开文件,并以网页形式进行干净的保存。