2011-01-20 6 views
10

私は色がそれは勝った私はIEで開く場合は、すべての2行目メイク交互CSSのテーブル行スタイルの仕事は

tbody tr:nth-child(2n) td, tbody tr.even td { 
    background: none repeat scroll 0 0 #E5ECF9; 
} 

に繰り返し行のデータベース出力を表示するには、このCSSコードを使用します仕事。何かアドバイス?

私は

答えて

19

IE8は:nth-child CSSプロパティをサポートしていません。

https://github.com/roylory/ie7-js

はそれを使用する方法:あなたは、それは、このスクリプトを使ってIE8で動作させることができ、

あなたは条件付きコメントを経由して、それを含めることができます。例:スクリプト

<!--[if lte IE 9]> 
<script src="IE9.js"></script> 
<![endif]--> 

IE9以下でのみロードされますが、他のブラウザでは表示されません。

ライブデモ:https://jsbin.com/koyahe/edit?html,css,output

(このデモでは、IEのすべてのバージョンで動作するはずです。)私があれば動作するようには思えない上記の答えが、代替行の色を好き

+0

このプロジェクトは死んでしまったようです。最近の参考文献はありますか? –

+0

@ChristopherSchultzどのバージョンのIEをサポートする必要がありますか? 5年間で多くの変化がありました。 –

+0

MSIE 8、残念ながら。私は実際にこれを試したことはありませんが、MSIE 8はまったく変更されておらず、 ':nth-​​child'はまだ動作していないと仮定していますので、フォールバックの解決策を探していました。私の製品はすでにこれを "手動で"(各テーブル行に交互にCSSクラスを使用することによって)実行していますが、無駄なクラフトを取り除くために探しています。これを行うための半エレガントな方法があれば興味があります。 –

3

使用しているIEのバージョンのIE 8を使用していますか? :nth-child() CSSはIEの古いバージョンでは動作しません。

IE6, IE7, IE8 Fail

IE9(作品)

+0

を私は私の質問 – daniel

+0

にこれを追加しましたIE8でそれを表示する方法はありますか? – daniel

+0

IE7.jsの@ŠimeVidasの提案を使用する場合、IE8で動作します。 – scunliffe

関連する問題