有人可以告诉我为什么我的链接不可点击时我有一个div吗？

Question

我正在为我的网站制作一个小部件,显示作者及其社交链接.它工作正常,直到我在混合中添加了模糊的背景div.关于它的一点是不让我再点击链接.我已经尝试添加z-index值,但这似乎没有帮助.看看我的小提琴,看看我的问题.以下是有问题的课程......

.social_artist_image_wrapper {
    position:absolute;
    height:126px;
    width:580px;
    background-size:cover;
    opacity:0.3;

    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);  
}

Answer 1

由于与元件position:absolute(或比其他任何东西static被放置在顶部position:static的元件,除非它们具有负z-index.

尝试穿上position:relative你的内部区域,再加上半透明的背景颜色:demo