Z-index问题求助：设置负索引后为何仍无法点击下层元素？

目标网站非本人开发，处理任务时遇到以下问题：网站规模较大，无法用CODEPEN等工具复现，建议通过F12调试器排查。

网站Logo的:after伪元素用于实现三角形和阴影效果，但该伪元素的区域会遮挡下层元素，导致下层元素无法点击。当边框设为透明时难以察觉，在调试器中将边框改为红色后可清晰看到遮挡情况：

我尝试了以下调整（均在调试器中完成），但问题仍未解决：

• 将Logo设置为relative定位
• 将:after伪元素设置为absolute定位并添加z-index:-999

对应的代码如下：

#header.lafka-has-header-top #logo {
    top: -8px;
    margin-bottom: 0;
    position: relative;
    left: 50%;
    margin-left: -100px;
}
div#header div#header_top div#logo:after {
    content: ''!important;
    position: absolute;
    top: 125px;
    border: 100px solid red !important;
    border-top: 30px solid #ffffff !important;
    width: 170px;
    z-index: -999;
}

相关设置截图：

Logo下方的内容已设置z-index:100，我实在找不到问题所在，请问我遗漏了什么？

内容的提问来源于stack exchange，提问作者libertarian