特定CSS不來在IE 8日起

我已經聲明瞭一個風格特定CSS不來在IE 8日起

.tableStyle2 tr:nth-child(even) { 
background-color: #C5F0FC; 
}

在我的樣式表。但它不反映在IE瀏覽器上，適用於FF和Chrome。當我嘗試在IE中檢查我的調試時，它也不存在，但是出現在chrome和FF中。

對此有任何建議。

http://stackoverflow.com/questions/10577674/how-to-make-internet-explorer-8-to-support-nth- child-css-element – Banana

正如其他人所說，（IE8及以下）不支持CSS3。要麼通過[selectivizr]（http://selectivizr.com/）去填充路線，要麼將類應用到偶數對象，然後將顏色應用到該對象上，但是不清楚這是否適用於您的應用程序。 –

http://stackoverflow.com/questions/4742450/why-wont-my-alternating-css-table-row-styling-work-in-internet-explorer。它解決了我的問題。 –

老版本的IE不允許使用CSS3的第n個子選擇器。解決方法是使用jQuery在第n個孩子上定義一個類，然後相應地設置該類的樣式。

jQuery的

$('#element li:nth-child(2n)').addClass('even');

CSS

#element li.even { 
    ... 
}

2014-03-25 14:38:09 robbclarke

爲什麼不是 - '$（'＃element li：nth-child（偶數）'）。addClass（'even'）;' –

這也可以。當我寫出來的時候只是空白。同樣的結果，少了兩個字符;）感謝編輯。使其更清晰。 – robbclarke

沒問題羅伯特，很好的答案。 –

您可以使用selectivizr。這是一個非常不錯的JS插件，它使IE支持CSS3選擇器

2014-03-25 14:38:49

回答