@one:900;
@two:889;
@three:888;
.addRowData {
z-index: @two
}
.importExcal {
z-index: @two;
}
.exportExcal {
z-index: @two;
}
.importExcal:hover ~ .addRowData {
z-index: @three
}
问题是我怎么保持 移入的效果,不要移出后就没有了
@one:900;
@two:889;
@three:888;
.addRowData {
z-index: @two
}
.importExcal {
z-index: @two;
}
.exportExcal {
z-index: @two;
}
.importExcal:hover ~ .addRowData {
z-index: @three
}
问题是我怎么保持 移入的效果,不要移出后就没有了
你好,你这种情况只能用js监听鼠标移入事件,mouseenter,然后修改元素样式
let exportExcal = document.getElementsByClassName('exportExcal')
exportExcal.onmouseenter(function() {
exportExcal .setAttribute('class','high-zindex')
})
然后写对应的样式即可
.high-zindex{
z-index: @two;
}
如有帮助,望采纳 ^.^