在IE11以下版本中，鼠标移入div标签没有效果，设置z-index无用，为什么？

Question

<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，这是为什么？

Answer 1

z-index只对块元素有效，你把img/div都加上display:block;