css - Chrome 升级使链接后续列链接不可点击

Question

随着最近的 Chrome 升级版本 66.0.3359.139(官方构建)(64 位)，我们主菜单子(monad)菜单中的链接在第一个之后的任何列中都不可点击。 dickinsonstate.edu

删除列会创建一个巨大的链接列表，但它们似乎都有效。我尝试使用 display:flex 但似乎无法获得我们目前拥有的漂亮的左对齐列。

链接在 IE 和 FF 中仍然可以点击。

Screen capture of Broken Links in Columns 2 and 3

.nav-main .nav-level-2>ul{
    visibility:hidden;
    background-color:#f5f5f5;
    position:absolute;
    left:0;
    width:100%;
    right:0;
    z-index:2;
    text-align:left;
    overflow:hidden
}
.nav-main .nav-level-2>ul:before{
    -webkit-box-shadow:1px 1px 5px rgba(50,50,50,.75);
    -moz-box-shadow:1px 1px 5px rgba(50,50,50,.75);
    box-shadow:1px 1px 5px rgba(50,50,50,.75);
    -webkit-box-shadow:1px 1px 19px rgba(50,50,50,.4);
    -moz-box-shadow:1px 1px 19px rgba(50,50,50,.4);
    box-shadow:1px 1px 19px rgba(50,50,50,.4);
    content:"";
    position:absolute;
    height:100px;
    top:-100px;
    width:100%;
    left:0;
    right:0
}
.nav-main .nav-level-2>ul .submenu-links{
    column-count:3;
    -moz-column-count:3;
    -webkit-column-count:3
}
.nav-sorted.nav-main .nav-level-2>ul{
    display:none;
    visibility:visible
}

Answer 1

我遇到了同样的问题。尝试在列的父级上设置 position:relative 和 z-index。