Internet Explorer 8 中對nth-child() 的CSS 支援
在現代瀏覽器中,CSS nth-child() 元素通常是用於在表格中實現斑馬條紋效果。然而,Internet Explorer 8 中明顯缺少此功能。以下是解決此限制的方法:
Polyfill 方法:
Selectivizr 是一種成熟的 Polyfill,可有效擴展 Internet Explorer 的功能CSS 支援。透過實作 Selectivizr,您可以在 CSS 樣式中使用 nth-child()。
沒有Polyfills:
Internet Explorer 8 對第一個子選擇器的支援提供了一個有機會模擬nth-child() 功能:
此方法可讓您指定樣式第二個li 元素,有效模仿nth-child(2) 的行為。
限制:
雖然此模擬技巧適用於像nth-child(2 這樣的簡單選擇器),在處理更複雜的表達式(例如nth- child(2n 1) 或nth-child(odd))時,它會顯得不足。 Internet Explorer 8 缺乏複製這些選擇器的細微功能的能力。
以上是如何在 Internet Explorer 8 中使用 nth-child() 在表中實作斑馬條紋?的詳細內容。更多資訊請關注PHP中文網其他相關文章!