我设置了一个元素的背景图像。当我通过JQuery在悬停时使用CSS方法更改元素的不透明度时,背景图像消失了!这是怎么回事?以下是Codepen上的示例:
CSS
li{
background-image:url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-checkmark-circled-32.png);
background-repeat: no-repeat;
background-position: center center;
}
li img{
z-index:-1;
position:relative;
}
JQuery
$("li").hover(function(){
$(this).css("opacity", 0.8);
}
)