1

我在 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 相关。我尝试了各种更改,例如使用固定高度等,但到目前为止没有运气:(

任何帮助表示赞赏。

4

3 回答 3

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

于 2012-05-31T06:52:26.523 回答
0

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

于 2012-05-30T14:56:08.337 回答
0

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

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

于 2012-05-30T15:39:34.653 回答