单击更改背景图像

时间:2017-05-18 21:19:49

标签: html css displaytag

我有一个带有标题的表,该标题使用Display标记库进行排序。

单击标题时,我想从其他标题中删除背景图像并显示"向上箭头"图片。当再次点击相同的标题时,我想要一个"向下箭头"要显示的图像。

这是我现在用来做的CSS。

CSS

th {
    height: 25px;
    border: 1px solid #EAEAEA;
}

th.sortable a:ACTIVE {
    background: url("../images/integration/downArrow.gif") no-repeat 30%;
} 

th.order1 {
    background: url("../images/integration/upArrow.gif") no-repeat 30%;
} 

1 个答案:

答案 0 :(得分:0)

我得到了解决方案,我非常抱歉那些仍在努力理解这个问题的人。运行我的解决方案,你不仅会得到问题的答案。我只需要在CSS中配置order1和order2。

th.order1 {
background: url("../images/integration/upArrow.gif") no-repeat 30%;
} 

th.order2 {
background: url("../images/integration/downArrow.gif") no-repeat 30%;
}