CSS表格替換行不在資源管理器中繪製，但適用於Mozilla，Chrome和Opera

當我在Mozilla，Opera和Chrome中放入css文件行CSS表格替換行不在資源管理器中繪製，但適用於Mozilla，Chrome和Opera

.properties_table tr:nth-child(even) {background: #CCC;} 
.properties_table tr:nth-child(odd) {background: #FFF;}

時它看起來很好但是它沒有在Explorer 8中顯示（我只在IE 8上測試過）。需要看起來像這樣 enter image description here

但看起來像這個

enter image description here

有沒有人有建議？

來源

2011-06-27 Danka

試圖改變類的名字，像這樣： '.properties_table TR：第n-child_even {背景：#CCC;} .properties_table tr：nth-child_odd {background：#FFF;}' – Faraona

nth-child不支持IE8：http://caniuse.com/#search=nth-child

嘗試定義odd和even類，而不是在你的CSS應用給定的風格給他們。

來源

2011-06-27 12:07:40 Giann

+1 2秒更快:-) – andyb

您是否想添加一個解決方案/解決方法到您的答案像其他答案一樣？ – andyb

nth-child()是在IE8不幸的not supported。

如果您可以使用jQuery，則可以使用jQuery :nth-child()選擇器對備用行進行着色，從而爲JavaScript中的行着色，而不是原生CSS。

除非IE8是你的大多數目標瀏覽器，否則真的想爲所有瀏覽器的彩色行，我會採取progressive enhancement策略。允許支持:nth-child的瀏覽器對行進行着色並使舊瀏覽器無法解決。我懷疑這個頁面仍然是完全可讀的，沒有着色，並且爲所有缺乏CSS的瀏覽器實施變通方法或替代解決方案的努力要少得多。

來源

2011-06-27 12:07:42 andyb

+1進步增強。 –

第n-children屬性是不與任何版本的IE兼容（至8.0，不知道9），您可以檢查在JavaScript的jQuery的東西來改變背景屬性

來源

2011-06-27 12:07:49

IE 8不支持這個選擇器。你將不得不像一個「奇」和「甚至」級上每隔一行添加的東西，並使用一個選擇，如：

.properties_table tr.odd {background:#ccc;}

，或者你將不得不使用腳本要添加的類別，但是這可能會導致無格式內容的閃爍，並且/或者減慢了頁面的速度。

我個人的偏好是如果它只是一個樣式問題，不適用於舊瀏覽器，但IE8有點太新，無法忽略 - 使用Windows XP的人永遠不會知道更好的IE版本。這就是我們討厭IE的原因。

來源

2011-06-27 12:07:52

IE8不支持CSS3選擇器，只有IE9仍然在有限度的，

您可以使用JavaScript備份版本的IE 8及以下。

的試金石會告訴你，你需要了解每種瀏覽器的兼容性什麼：

http://findmebyip.com/litmus/

另一種選擇是使用特定的類像.even和.odd和風格適當地...

.properties_table tr.even {background: #CCC;} 
.properties_table tr.odd {background: #FFF;}

這也是一個很好的資源：

http://kimblim.dk/css-tests/selectors/

來源

2011-06-27 12:08:17

CSS表格替換行不在資源管理器中繪製，但適用於Mozilla，Chrome和Opera

回答

相關問題