0

不是第一次,我对 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-childIE8 中不支持 css,但它在 jQuery 中确实有效。

4

1 回答 1

0

通过使用类而不是自定义属性来修复它!

尽管它在其他浏览器中运行良好,但似乎很奇怪。

于 2013-05-01T12:53:48.313 回答