css - ブートストラップの縞模様の色のオーバーライドが IE 8 で機能しない

Question

これについていくつかの質問があり、推奨事項を作成しているのを見てきました。Bootstrap (2.3.2) の交互の行を IE 8 でより暗く表示しようとしているだけです。特に暗い背景色でスタイルを上書きしようとしました:

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #BFBABA;  
}

IE 8 ブラウザのキャッシュをクリアしました。それを閉じて再度開きましたが、このスタイルで変更したことは何も反映されていないようです. 次のようにテーブルのスタイルを設定しました。

table table-bordered table-striped

注目すべきことは予想通り、この変更は Chrome でも問題なく機能します。

ここで何か考えや回避策がある人はいますか?

Answer 1

の使用はnth-child()、IE8 以下ではサポートされていません。

ただし、IE9、IE10、およびその他の現在のすべてのブラウザーでサポートされています。

http://caniuse.com/css-sel3を参照

IE8 で動作させたい場合は、別の方法でプロパティを上書きする必要があります <