css - 特異性は高いがCSSを無視するIE

Question

スライドドアのボタンcssがいくつかあります。ボタンタグと2つの内側のスパンを使用しています。

通常のボタンの背景画像を指定するためにこれを持っています。

button span {
 background: url(button_right.png) no-repeat top right;
}

これはデフォルトのボタンの色です。次に、「灰色」ボタンがあります（ボタンに「灰色」のクラスを指定します）。

button.gray span {
 background: url(button_right_gray.png) no-repeat top right;
}

何らかの理由で..IE（8）はこれを嫌い、元の画像を背景として保持している灰色のcssを無視します。ただし、次の「ホバー」cssはIEでは機能します。

button.gray:hover span span {
      color: #6c6c6c;
      background-position: left -29px;
  }

「button.grayspan」は「buttonspan」よりも特異性が高いと思いました（他のすべてのブラウザでそうです）。

編集：わかりました、それで私は問題を発見しました。私のCSS宣言では、次のようになりました

button.gray span,
  button:disabled span {
background: url(button_right.png) no-repeat top right;
}

button：disabled spanを宣言リストから削除すると、機能します。

score 2 · Accepted Answer

score 0 · Accepted Answer

それに！importantを追加してみましたか？すなわち

    button.gray span {
      background: url(button_right_gray.png) no-repeat top right !important;
    }

score 0 · Accepted Answer

画像自体を見てみましたか？画像の代わりに色を使用すると、ie8は.grayクラスを正常に表示するようです。

score 0 · Accepted Answer

私の編集によると;

さて、私は問題を発見しました。私のCSS宣言では、次のようになりました

button.gray span、button：disabled span {background：url（button_right.png）no-repeat右上; }

button：disabled spanを宣言リストから削除すると、機能します。宣言全体のリッスンを完全に停止するため、button：disabledに関するIEの問題は何ですか？

4 に答える 4