瀏覽器特定表列排序圖標

不是第一次，我有一點與IE8的CSS問題。我有一個可以正常工作的排序表。它有一個方向圖標，它顯示爲按排序的標題列的背景，並根據列是升序還是降序進行更改。問題是，在IE中，圖標不會更新，直到鼠標光標離開標題。瀏覽器特定表列排序圖標

所以，當指針懸停在列標題上時，它保持爲原始圖標，然後當它移開時顯示正確的圖標。

沒有與標題相關聯的'懸停'事件，但存在css。

的CSS是這樣的：

.costtable th { 
    cursor: pointer; 
} 
th[order='ascending'] { 
    background-image: url(../images/down.png); 
    background-position: right; 
    background-repeat: no-repeat; 
} 
th[order='descending'] { 
    background-image: url(../images/up.png); 
    background-position: right; 
    background-repeat: no-repeat; 
}

其設置圖標腳本的部分看起來像這樣：

$table.find('thead th').removeAttr('order'); 
$table.find('thead th:nth-child(' + columnNumber + ')').attr('order',ascOrDesc);

之前有人指出出來，我知道有沒有nth-child CSS支持IE8，但它在jQuery中起作用。

來源

2013-05-01 CompanyDroneFromSector7G

通過使用類而不是自定義屬性修復它！

似乎有點奇怪，但它在其他瀏覽器中正常工作。

來源

2013-05-01 12:53:48 CompanyDroneFromSector7G

瀏覽器特定表列排序圖標

回答

相關問題