Css IE8上没有显示背景图像
我已经通读了其他的问题,但是没有用——我真的不能解决这个问题 该网站已被重新设计,因此不再相关。它使用HTML5元素,但它们没有声明为块,IE也不认为它们应该是块。) 页脚上的渐变在非IE浏览器中看起来很好,但在IE7,8和IE9开发预览中无法显示Css IE8上没有显示背景图像,css,internet-explorer,background,Css,Internet Explorer,Background,我已经通读了其他的问题,但是没有用——我真的不能解决这个问题 该网站已被重新设计,因此不再相关。它使用HTML5元素,但它们没有声明为块,IE也不认为它们应该是块。) 页脚上的渐变在非IE浏览器中看起来很好,但在IE7,8和IE9开发预览中无法显示 有什么想法吗?您可以尝试将其添加到页脚CSS中(除了现有的页脚样式之外) 这为我在FF3.6下修复了它,我假设它也会在IE中修复-的默认显示样式是内联,无论浏览器如何,它都不能很好地处理背景。对其应用block将更像一个div 您还需要小心使用HTM
有什么想法吗?您可以尝试将其添加到页脚CSS中(除了现有的页脚样式之外) 这为我在FF3.6下修复了它,我假设它也会在IE中修复-
的默认显示样式是内联
,无论浏览器如何,它都不能很好地处理背景。对其应用block将更像一个div
您还需要小心使用HTML5。不确定它在所有浏览器中的支持程度。你可能想考虑<代码> <代码>,然后用ID在CSS中使用样式来代替.< /p> :这工作:
#footer_text {
background: url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000) repeat-x scroll top left;
}
我现在会小心地将任何样式应用到html5元素,比如页脚。并非所有浏览器都支持它们
不过,出于语义原因,您可以使用它们。如果我使用IE 8的开发者工具栏查看页脚,我会将其作为
背景图像定义:
url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000); TEXT-ALIGN: center
注意右边的部分。我不确定它来自哪里-它不在样式表中。也许床单有点乱七八糟。如果删除文本对齐部分,页脚图像将显示良好。同样的情况也发生在你的身体定义上。我也遇到过类似的问题,但最终找到了解决办法
将图像格式更改为png
在IE8中运行良好。尝试在Photoshop或类似软件中打开该文件,并将web作为PNG进行干净的保存。我在FF3.5中没有看到任何渐变?wtf的投票结果是否定的??这个答案是有效的。哦,为了能看到是谁做的,哈哈……我猜这是因为它不回答IE,只是Fx。你正在使用的shiv+display:block代码>应该适用于IE。在任何情况下,您都需要显示:块代码>在页眉、页脚、导航,可能还有你正在使用的任何其他HTML5元素上。啊,我更改了重置样式表,忘了再次添加这些元素…@Rich。你试过KP的建议吗?他声称是他把它修好的。另外,你能试着删除URL周围的引号,只是为了好玩吗?我感觉可能是URL中的符号和问号。我正在使用垫片在IE中启用它们
url(/media/img/gradient.php?w=4&h=160&sc=4c4c4c&ec=000000); TEXT-ALIGN: center