<a href="#" class="c-li-1-a">
<img src="images/ask.png" alt="" />
<div class="img-black"></div>
</a>
<style>
.c-li-1-a {
display: block;
width: 135px;
height: 90px;
position: relative;
z-index: 0;
}
img {
position: relative;
z-index: -1;
}
div.img-black {
width: 135px;
height: 90px;
top: 0px;
position: absolute;
z-index: 1;
}
.img-black:hover {
background-color: #000;
}
</style>
要求是鼠标移入div后div变色,但是没有效果,按F12选择时发现每次选中的都是img,这是为什么?
z-index只对块元素有效,你把img/div都加上display:block;