Question

我有一个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”中的其他属性正在运行！我可以在IE Developer Tool中看到正确呈现的背景！

我也尝试过：

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

我也尝试将内联样式传递给它并且它不起作用！

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

有人遇到同样的问题吗？有什么建议吗？

Answer 1

尝试在头标记中添加：

<!-- 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]-->

Answer 2

Ala，如果我从content: ' ';移除.QAZ-layout-cell QAZ-sidebar1，我可以看到div的背景。如果指定了！DOCTYPE，IE8仅支持content属性。

在V9之前的任何IE中都没有显示Div背景

2 个答案: