如何使用背景图像和悬停

Question

我有以下内容：

table.inactiveTable thead {
    background: #efe;
    background: -moz-linear-gradient(top,#efe,#ded);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#efe),to(#ded));
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#efe,endColorstr=#ded);
    height: 40px;
}

table.inactiveTable th:hover {
    background: -moz-linear-gradient(top,#efe,#F8FFB5);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#efe),to(#F8FFB5));
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#efe,endColorstr=#F8FFB5);
    cursor : pointer;
}

然后，在运行时我为该元素添加asc类，样式如下：

.asc, .asc:hover{
    background-image: url(arrow_up.png);
    background-repeat: no-repeat;
    background-position : left;
}

它有效 - 我的意思是在背景中有正确的图像。但它在悬停事件中消失 - th:hover有效。

我的意思是：这是我在添加asc类时所看到的：

这就是我对这个元素感到高兴时所得到的：

我如何让它们一起工作 - 我的意思是在改变渐变颜色的同时保持中断？

我的目标是能够在点击事件中为特定（表格列标题）元素添加背景图像，但不能在悬停时松开此图像。

加入：

HTML：

<table id='leads' class='inactiveTable'>
    <thead>
        <tr>
            <th rowspan='2' onclick="sorter.sort(this, 'unumber')">id</th>
            <th rowspan='2' onclick="sorter.sort(this, 'bccu')">bccu</th>
...

Answer 1

添加 -

.inactiveTable th.asc, .inactiveTable th.asc:hover{
    background: url(arrow_up.png) no-repeat left top;
}

它会起作用