Question

我正在像这样在表格分类器中应用图像。

table.tablesorter thead tr .headerSortUp:not(.nosort) {
    background-image: url('/sorter/asc.gif'); 
}

在所有浏览器中，图像都正常工作，但ie8和ie7不能正常工作，图像在ie8中不可见。请告诉我如何实现这一点？

谢谢，编辑：

 table.tablesorter {
        font-family:arial;
        color: rgb(51, 51, 51);
        margin:10px 0pt 15px;
        font-size: 10pt;
        width: 100%;
        text-align: left;
     }
    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        background-color: #8dbdd8;
        border: 1px solid #FFF;
        font-size: 10pt;
        padding: 5px;
    }

    table.tablesorter thead tr .header.nosort {
        background-image: url('/sorter/bg.gif');  
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
    }
    table.tablesorter tbody td {
            background-color: rgb(239, 243, 251);
            padding: 5px;
            border: solid 1px #e8eef4;

        vertical-align: top;
    }
    table.tablesorter tbody tr.odd td {
        background-color:#F0F0F6;
    }
    table.tablesorter thead tr .headerSortUp.nosort {
        background-image: url('/sorter/asc.gif'); 
    }
    table.tablesorter thead tr .headerSortDown.nosort {
        background-image: url('/sorter/desc.gif'); 
    }
    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
    }

Answer 1

Internet Explorer 8不支持:not()选择器。这很可能是你问题的原因。如果您尝试定位不的所有.headerSortUp .nosort，则应将其设为默认的.headerSortUp样式，并为那些也是.nosort：

table.tablesorter .headerSortUp {
    // This background is removed when .nosort is present
    background-image: url('/sorter/asc.gif'); 
}

table.tablesorter .headerSortUp.nosort {
    background-image: none; 
}

ie8中的背景图像不起作用？

1 个答案: