0

我有以下内容:

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类时看到的:

在此处输入图像描述

这就是我喜欢这个元素时得到的:

在此处输入图像描述

我怎样才能让它们一起工作 - 我的意思是让 inage 在改变渐变颜色的同时保持不变?

我的目标是能够在单击事件上为特定(表格列标题)元素添加背景图像,但不要在悬停时松开此图像。

添加:

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>
...
4

1 回答 1

1

添加-

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

它会工作

于 2012-07-04T07:03:01.157 回答