我有一个名为<div>
的.right-search
,我为其编写了以下:hover
选择器以更改<div>
的背景:
.right-search:hover{
background:#eab63e;
}
即使在jQuery中,同一元素也是
.click()
的目标。单击处理程序将显示一些初始设置为display:none
的隐藏材料,在此期间更改right-search
的z索引。然后我重置为100的初始z-index
。奇怪的是,在事件触发之前,
hover
效果可以完美发挥作用。之后,即使将所有数据都设置为其初始值,也无法正常工作。如果您尝试单击顶部导航右侧的“ EN”,则再次单击后将看到我的意思:
https://jsfiddle.net/k8zxkntt/6/
最佳答案
您正在将CSS背景设置为内联颜色,它将覆盖CSS。让您的else
删除背景色:
else{
// Set the background to '' instead of a forced colour:
$('.right-search').css('background','');
first_trans_click = true;
$('.right-search').css('z-index','100');
}
https://jsfiddle.net/k8zxkntt/7/
关于javascript - :hover select在我在jQuery中重置元素的z-index后停止工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30133625/