javascript - 有人能告诉我为什么我的链接下有 div 时无法点击吗？

Question

我正在为我的网站制作一个显示作者及其社交链接的小部件。在我在混合中添加模糊背景 div 之前，它工作正常。关于它的某些东西不再让我点击链接。我试过添加 z-index 值，但这似乎没有帮助。查看我的 fiddle看看我的问题。下面是有问题的类......

.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