0

我有一个 div ：

<div class="ContainerBG">
    Special Ad
</div>

和一个CSS：

    .ContainerBG
{
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-family: Arial;
    color: #000000;
    width: 100%;
    line-height: 28px;
    font-weight: bold;
    background-image: url('Resources/images/ContainerBG.gif');
}

在所有浏览器和 IE9 中，背景都正确显示，但在 IE8 或更低版本中，背景根本不显示，但 'ContainerBG' 中的其他属性正在工作！并且ia可以在IE开发者工具中看到正确渲染的背景！

我也试过：

 background: url('Resources/images/ContainerBG.gif') repeat-x;

我也尝试通过内联样式，但它没有用！

如果我们将 div 替换为相同 CSS 的跨度，它将起作用！这里有一个测试页面，请注意左窗格是我正在谈论的 div，右窗格具有相同的代码但使用跨度，因为您可以看到跨度工作但 div 没有！

有人面临同样的问题吗？有什么建议么？

4

2 回答 2

2

尝试在你的 head 标签中添加这个：

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
于 2013-01-18T19:57:47.980 回答
1

唉，如果我从 中删除content: ' ';，.QAZ-layout-cell QAZ-sidebar1我可以看到div. 如果指定了 !DOCTYPE，IE8 仅支持 content 属性。

于 2012-08-15T05:36:54.410 回答