IE8 Soffocamento su CSS3 - Evitare di non leggere resto del file - css, internet-explorer, css3

Ho il seguente css:

.mcRow input.mcCheckbox {
display:none;
}

.mcRow input.mcCheckbox + label {
background: url("/media/img/pt/dhtml/mc_off.gif") no-repeat;
height: 19px;
width: 19px;
display:inline-block;
padding: 0px;
padding-left: 20px;
width: auto;
}

.mcRow input.mcCheckbox:checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

.mcRow input.mcCheckbox.checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

Dal momento che IE8 non funziona bene con i CSS3, lo sonoincluso una classe .check di backup che è stata attivata con jQuery. Voglio che le mie caselle di controllo personalizzate vengano visualizzate anche se JS è danneggiato, quindi perché voglio mantenere lo pseudo-selettore: checked incluso in CSS3.

L'ordine sopra non funziona bene in IE 8. Sembra che ignori tutto dopo la dichiarazione: verificata.

.mcRow input.mcCheckbox + label {
background: url("/media/img/pt/dhtml/mc_off.gif") no-repeat;
height: 19px;
width: 19px;
display:inline-block;
padding: 0px;
padding-left: 20px;
width: auto;
}

.mcRow input.mcCheckbox.checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}
​
.mcRow input.mcCheckbox:checked + label {
background: url("/media/img/pt/dhtml/mc_on.gif") no-repeat;
}​

funziona bene Ho paura di aggiungere questo in un file e qualcuno aggiungendo altri CSS dopo questa dichiarazione, non sapendo che nessuno di questi verrà letto in IE8. :( Cosa dovrei fare?

risposte:

Beh, potresti semplicemente inserire un commento nel CSS.

Tuttavia, un metodo migliore potrebbe essere quello di usare semplicemente i commenti condizionali di IE per non includere quel codice in IE <9.