IE8，Chrome，Firefox和Safari之間的CSS兼容性

Question

我正在編寫一個JSP頁面。我需要一張桌子。其中一個說法是：

<tr class="recordTr_SubGroup"> 

其中recordTr_SubGroup是在一個文件中的style.css：

.recordTr_SubGroup { 
    background-color:#81BEF7; 
    cursor: default; 
} 

我打算突出與顏色的行。但最後，它只在IE8中正確發生。 Firefox，Chrome和Safari無法產生同樣的效果

任何人都可以提供幫助嗎？

Answer 1

我的猜測是你在<tr>前面的一個表層或元素上設置了背景顏色，所以其他瀏覽器沒有顯示tr背景顏色，因爲它已經被有效地打包了。由於其他一些缺陷，IE正在顯示它 - 可能它已被推入怪癖模式。

檢查前面沒有背景顏色的圖層，請仔細檢查<td>是否將其設置爲background-color: transparent。

請參閱W3C tables diagram瞭解背景顏色的工作原理。

Answer 2

你應該應用類到每個細胞，如：

<tr><td class="recordTr_SubGroup"></td><td class="recordTr_SubGroup"></td></tr> 

或更改CSS到以下幾點：

tr.recordTr_SubGroup td {background-color:#81BEF7; cursor: default; }