6

IE の CSS で背景要素を非表示にする必要があります。

これはcssファイルのクラスです

.navbar-header .nav #presentacion {
    background:url("../img/horiz-line.png") no-repeat scroll 108px 20px transparent;
    display: block;
    height: 20px;
    margin-top: 20px;
}

このメソッドを使用して、この部分を非表示にするページのヘッド セクションに CSS を挿入します。

    <!--[if IE]>
          <style>
         .navbar-header .nav #presentacion {
         display: block;
         height: 20px;
         margin-top: 20px;
         background: none;}
    </style>
   <![endif]-->

動作していません。IE で背景がまだ表示されています。何が間違っていますか?

4

4 に答える 4

3

逆の方法を使用します。背景画像を表示したいクラスに!IEクラスを適用します。これは、IE 以外のブラウザーでのみレンダリングされます。

<!--[if !IE]> -->
    <style>
    .navbar-header .nav #presentacion {
    background:url("../img/horiz-line.png") no-repeat scroll 108px 20px transparent;
    display: block;
    height: 20px;
    margin-top: 20px;
    }
    </style>
<!-- <![endif]-->
于 2012-08-22T09:57:55.073 に答える
0

共通のスタイルシートの前に宣言し、上書きされた可能性があります。これを試して:

<!--[if IE]>
  <style>
    .navbar-header .nav #presentacion {
      display: block;
      height: 20px;
      margin-top: 20px;
      background: none !important;
    }
  </style>
<![endif]-->
于 2012-08-22T09:55:07.617 に答える
0
 <!--[if IE]>
          <style>
         .navbar-header .nav #presentacion {
         display: block;
         height: 20px;
         margin-top: 20px;
         background-image: none !important;}
    </style>
   <![endif]-->
于 2012-08-22T10:03:42.760 に答える