Wordpress IE8兼容性-css背景和边框

Wordpress IE8兼容性-css背景和边框,wordpress,css,Wordpress,Css,我在wordpress网站上使用了一些css。它在chrome/safari等中看起来应该如此,但在IE8中通常不正确 div有一个背景颜色和用于边界的moz边界半径。边界并不重要,但是背景颜色只延伸了一部分,或者在IE8的情况下,一点也不重要 例如: 如果你在页面中间看到时事通讯注册表单,在Chrome等浏览器中,它有一个漂亮的蓝色背景和边框。然而,在IE中,它只是显示为白色背景,而忽略了大部分样式 如果您随后查看: 新闻稿注册在右边的边栏上。在IE8中,背景只延伸了一半 这无疑与css有关。

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

div有一个背景颜色和用于边界的moz边界半径。边界并不重要,但是背景颜色只延伸了一部分,或者在IE8的情况下,一点也不重要

例如:

如果你在页面中间看到时事通讯注册表单,在Chrome等浏览器中,它有一个漂亮的蓝色背景和边框。然而,在IE中,它只是显示为白色背景,而忽略了大部分样式

如果您随后查看:

新闻稿注册在右边的边栏上。在IE8中,背景只延伸了一半

这无疑与css有关。我尝试过各种改变,如使用固定高度等,但迄今为止没有成功:(


非常感谢您的帮助。

您使用了
标记,这就是为什么IE 8的标记无效的原因。

在ie8/7中使用html5标记是导致问题的原因


如果您使用它,它附带一个html5 shiv,并且应该允许在ie7/8中使用html5标记。

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

请检查您的html代码

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

看起来您正在使用一些html5标记(
放在一旁
),IE8无法自动正确理解这些标记。你需要做一些标准的样式来让
放在一边
部分
,以及其他html5元素
显示:块,等等。这是一个典型的不清除浮动的情况。将
overflow:hidden
添加到
.wpmlwidget
并读取。感谢这两个,溢出:hidden似乎对侧边栏区域有效,但主页one仍然没有显示任何背景?@Wayners247由于@cale_b提到的原因,它在主页上不起作用。IE8将其视为无效标记,并在其外部呈现其内容。由于
背景色
位于
aside
元素上,因此不会应用它。如果在页面头部添加一行JavaScript以创建名为
aside
的元素,即
document.createElement(“aside”)-它应该开始工作。看见
 <div id="wpmlwidget-2" class="wpmlwidget">....</div>