我有以下内容:
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>
...