突然之间,#content div中的所有链接都不能点击了,但我没有看到任何z索引错误?

时间:2016-05-06 作者:Asparagirl

在一系列看似无害的插件更新之后,我突然发现了一个奇怪的bug。“我的#内容”部分中的所有链接现在都不可链接,但我的侧边栏、页眉、页脚等中的链接仍然可以。通常这意味着CSS z-index错误以某种方式覆盖了#内容区域,但我没有更改任何CSS。

下面是一个示例:https://www.reclaimtherecords.org/faq/

请注意,主文中的链接是如何不可链接的,但指向其他页面的侧栏链接是可以的?

我使用了一个稍微修改过的子主题,主题化登陆主题。

我被难住了——救命!

1 个回复
最合适的回答,由SO网友:N00b 整理而成

这很简单。您有以下CSS规则:

a.themify_lightbox, 
.module-image a, 
.module-gallery a, 
.gallery-icon, 
.themify_lightboxed_images .post a, 
.themify_lightboxed_images .type-page a, 
.themify_lightboxed_images .type-highlight a, 
.themify_lightboxed_images .type-slider a {

    pointer-events: none;  
    cursor: default;
}
此规则适用,因为body 有一个班级themify_lightboxed_images.

pointer-events: none; 是您在链接上最不希望看到的内容。这基本上意味着游标不存在该元素,您可以直接单击它。。

如果您想在不更改任何主题样式的情况下实施自己的规则,或向所有链接添加CSS类,请添加以下CSS规则:

a {
   pointer-events: auto !important;  
   cursor: pointer !important;
}
通常应避免!important 但这只是暂时的解决办法。它将覆盖您的所有链接。我建议尽快找到更好的解决方案。

提示:这纯粹是一个CSS问题,应该在SO. 我希望你下次能了解更多。