Chrome升级使链接后续列链接无法点击

Question

使用最近的Chrome升级版本66.0.3359.139（官方版本）（64位），我们的主菜单子菜单中的链接在第一个之后的任何列中都无法点击。 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。