Question

所以基本上当你将鼠标悬停在Galerija子菜单上时。当子菜单出现时，子菜单的右侧就像最初0.1秒的抽搐/调整大小一样。

也许有人可以帮助我。我不想发布CSS代码，因为我不知道问题出在哪里。也许有人可以通过Inspect或Source Code找到问题。

以下是该页面的链接：http://feelflowers.lv/bilzu-galerija/

如果需要代码，可能问题出在这里，但我不这么认为，因为我无法修复它：

/* Dropdowns */

    .sf-menu li li {
        background: #c18484;
        margin-left:6px;
        margin-top:8px;
        border: 1px solid white;
        border-radius:3px;
    }

        /* Sub Menu Item Links */

        .sf-menu li li a {
            border-color: #c48484;
            color: #fff;
            font-weight:bold;
        }

        /* Sub Menu Hovering */

        .sf-menu li li:hover, .sf-menu li li.sfHover,
        .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
            background-color: #a07272;
            color: #fff;
            border-radius:3px;
        }

Answer 1

您的菜单会在悬停时显示在子菜单中的overflow: hidden右侧。我无法告诉你overflow: hidden来自哪里，因为我没有看到整个CSS文件，并且有很多内联CSS声明。如果您知道它在哪里，请删除该属性或将CSS规则添加到子菜单：

.sub-menu {
  overflow: visible !important;
}

不漂亮，但有效;）

编辑：其实我认为创建子菜单动画的JS代码应用overflow: hidden个东西;）

子菜单在悬停时重新调整大小0.1秒

1 个答案: