我在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有关。我尝试了各种变化,如使用固定高度等,但到目前为止没有运气:(
感谢任何帮助。
答案 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