IE8兼容性 - CSS背景和边框

时间:2012-05-30 13:23:19

标签: css wordpress css3

我在wordpress网站上使用了一些css。它看起来应该在chrome / safari等中,但在IE8中通常不正确。

div有一个背景颜色和moz-border-radius用于边框。边框并不重要,但背景颜色只延伸了一部分,或者在IE8的情况下,根本不延伸。

示例:http://mesirow.btg340.co.uk

如果您在页面中间看到简报注册表单,则在Chrome等中,它具有漂亮的蓝色背景和边框。然而在IE中它只是显示为白色背景而忽略了大部分样式。

如果您随后查看:http://mesirow.btg340.co.uk/industries/airlines/

简报注册位于右侧边栏。在IE8中,背景只延伸了一半?

这无疑与css有关。我尝试了各种变化,如使用固定高度等,但到目前为止没有运气:(

感谢任何帮助。

3 个答案:

答案 0 :(得分:0)

您使用了<aside>标记,这就是为什么它是IE 8的无效标记

答案 1 :(得分:0)

在ie8 / 7中使用html5标记导致问题。

如果您使用http://modernizr.com/,它会附带一个html5 shiv,并且应该允许在ie7 / 8中使用html5标签。

答案 2 :(得分:0)

最后我解决了这个问题... :)

请检查您的HTML代码

 <aside id="wpmlwidget-2" class="wpmlwidget">....</aside>

请用div替换你的旁边代码,这将有效..在ie-8中不支持代码。

 <div id="wpmlwidget-2" class="wpmlwidget">....</div>

并且对于ie-7或ie-8中的边界半径,可以通过java脚本检查此链接http://davidwalsh.name/css-rounded-corners