私は色がそれは勝った私はIEで開く場合は、すべての2行目メイク交互CSSのテーブル行スタイルの仕事は
tbody tr:nth-child(2n) td, tbody tr.even td {
background: none repeat scroll 0 0 #E5ECF9;
}
に繰り返し行のデータベース出力を表示するには、このCSSコードを使用します仕事。何かアドバイス?
私は
私は色がそれは勝った私はIEで開く場合は、すべての2行目メイク交互CSSのテーブル行スタイルの仕事は
tbody tr:nth-child(2n) td, tbody tr.even td {
background: none repeat scroll 0 0 #E5ECF9;
}
に繰り返し行のデータベース出力を表示するには、このCSSコードを使用します仕事。何かアドバイス?
私は
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のすべてのバージョンで動作するはずです。)私があれば動作するようには思えない上記の答えが、代替行の色を好き
ドキュメントはリフレッシュされません。
すぎのjQueryを試してみてください:
$("tbody tr:even td").css("background-color", "lightgray");
リンク:
http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
このプロジェクトは死んでしまったようです。最近の参考文献はありますか? –
@ChristopherSchultzどのバージョンのIEをサポートする必要がありますか? 5年間で多くの変化がありました。 –
MSIE 8、残念ながら。私は実際にこれを試したことはありませんが、MSIE 8はまったく変更されておらず、 ':nth-child'はまだ動作していないと仮定していますので、フォールバックの解決策を探していました。私の製品はすでにこれを "手動で"(各テーブル行に交互にCSSクラスを使用することによって)実行していますが、無駄なクラフトを取り除くために探しています。これを行うための半エレガントな方法があれば興味があります。 –