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

Question

要求是鼠标移入div后div变色，但是没有效果，按F12选择时发现每次选中的都是img，这是为什么？

        <a href="#" class="c-li-1-a">
             <img src="images/ask.png" alt="" />
             <div class="img-black"></div>
        </a>

        .c-li-1-a {
            display: block;
            width: 135px;
            height: 90px;
            position: relative;
            z-index: 0;
        }
        img {
            position: relative;
            z-index: -1;
        }
        .img-black {
            width: 135px;
            height: 90px;
            top: 0px;
            position: absolute;
            z-index: 1;
        }
        .img-black:hover {
            background-color: #000;
        }

Answer 1

我猜测是你设置了div的position是absolute的缘故。 absolute元素是浮在整个页面上方的，不再被它的父元素（a）所限制，你的top设置了0px，所以这个div应该跑到大约左上角的位置了~鼠标点击原来的位置自然找不到它~