为毛，给图片加超链，鼠标移动图片上没有hover效果呢？

Question

<a href="#" class="aa">

            <div class="userHeader">

                <img src="/img/user.png"
                     style="width: 55px;height: 55px;margin-top: -5px;margin-bottom:5px;border-radius: 500rem;">

                <i class=" icon-chevron-down" style="font-size: 20px"></i>

            </div>

        </a>

    a {
            cursor: pointer;
            text-decoration: none;
        }

        .userHeader {

            height: 65px;
            width: 100px;
            padding-top: 10px;
            padding-left: 5px;
        }

        .userHeader:hover {

            background-color: rgba(176, 176, 176, 0.36);

        }

        .aa {

            height: 65px;
            width: 65px;
        }

被一个fixed东西挡住了。怎么改好呢？

Answer 1

如果挡住的那个东西不需要响应鼠标点击事件的话，在它上边加个pointer-events:none是最快的方法。

Answer 2

我觉得是你的a标签没有高度导致的原因，设置高度或者display block试一下

Answer 3

修改了宽度了，哎