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」の他のプロパティは機能しています! また、IE Developer Tool で正しくレンダリングされた背景を確認できます。

私も試しました：

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

スタイルをインラインで渡そうとしましたが、うまくいきませんでした!

同じ CSS の div を span に置き換えれば、うまくいきます! テストページはここにあります。左側のペインは私が話している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 に答える