Io uso questo codice CSS per visualizzare un output del database nelle righe in cui i colori si ripetono in ogni 2a filarendere il lavoro in stile riga della tabella alternata CSS in Internet Explorer
tbody tr:nth-child(2n) td, tbody tr.even td {
background: none repeat scroll 0 0 #E5ECF9;
}
Se apro nel mio IE ha vinto' lavoro. Qualche consiglio?
Sto usando IE 8.
IE8 non supporta la proprietà CSS :nth-child. È possibile farlo funzionare in IE8 con questo script:
https://github.com/roylory/ie7-js
Come si usa:
è possibile includere tramite i commenti condizionali, ad esempio:
<!--[if lte IE 9]>
<script src="IE9.js"></script>
<![endif]-->
Lo script caricherà solo in IE9 e sotto, altri browser non lo vedranno.
Demo online:https://jsbin.com/koyahe/edit?html,css,output
(Questa demo dovrebbe funzionare in tutte le versioni di IE.)
Quale versione di IE stai usando? il CSS :nth-child() non funzionerà con le vecchie versioni di IE.
IE9 (opere)
mi piace la risposta di cui sopra, ma i colori delle righe alterne non sembra funzionare se un il documento non è aggiornato.
Prova jQuery troppo:
$("tbody tr:even td").css("background-color", "lightgray");
Link:
http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
Questo progetto sembra morto. Eventuali riferimenti più recenti? –
@ChristopherSchultz Quali versioni di IE è necessario supportare? Molto è cambiato in 5 anni. –
MSIE 8, sfortunatamente. Non ho ancora provato questo, ma suppongo che MSIE 8 non sia cambiato affatto, e che ': nth-child' sia ancora un no-go, quindi stavo cercando una soluzione di fallback. Il mio prodotto lo fa già "manualmente" (avendo una classe CSS alternativa usata per ogni riga della tabella) ma sto cercando di rimuovere il cruft inutile e se c'è un modo semi-elegante per farlo, sono interessato. –