0

随着最近的 Chrome 升级版本 66.0.3359.139(官方构建)(64 位),我们主菜单的子菜单中的链接在第一个之后的任何列中都不可点击。 迪金森州立大学

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

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

第 2 列和第 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
}
4

1 回答 1

0

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

于 2018-05-28T09:49:57.663 回答