używam tego kodu CSS do wyświetlania wyjścia bazy danych w rzędach, gdzie kolory powtórzyć w co 2 rzędzieProducent praca styl stół przemienny CSS wiersz w programie Internet Explorer
tbody tr:nth-child(2n) td, tbody tr.even td {
background: none repeat scroll 0 0 #E5ECF9;
}
Jeśli otworzyć go w moim IE to won” t działa. Jakakolwiek rada?
Używam IE 8.
IE8 nie obsługuje właściwości CSS :nth-child. Można zrobić to działa w IE8 z tego skryptu:
https://github.com/roylory/ie7-js
Jak go używać:
Można umieścić go poprzez komentarzy warunkowych, np:
<!--[if lte IE 9]>
<script src="IE9.js"></script>
<![endif]-->
Skrypt załaduje się tylko w IE9 i poniżej, inne przeglądarki go nie widzą.
żywo demo:https://jsbin.com/koyahe/edit?html,css,output
(To demo powinien działać we wszystkich wersjach IE.)
Którą wersję IE używasz? kod CSS :nth-child() nie będzie działać w starszych wersjach IE.
IE9 (prace)
Lubię odpowiedź wyżej, ale alternatywne kolory wiersz nie wydaje się działać, jeśli dokument nie jest odświeżany.
Spróbuj jQuery zbyt:
$("tbody tr:even td").css("background-color", "lightgray");
Link:
http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
Ten projekt wygląda na martwy. Jakieś nowsze referencje? –
@ChristopherSchultz Które wersje IE potrzebujesz wspierać? Wiele zmieniło się od 5 lat. –
MSIE 8, niestety. Nie próbowałem tego jeszcze, ale zakładam, że MSIE 8 w ogóle się nie zmieniło i że ': nth-child' nadal nie działa, więc szukałem rozwiązania awaryjnego. Mój produkt robi to już "ręcznie" (mając naprzemienną klasę CSS używaną dla każdego wiersza tabeli), ale zamierzam usunąć bezużyteczny cruft i jeśli jest na to pół-elegancki sposób, jestem zainteresowany. –