无法使用转换延迟让 ul 保持打开状态

Question

这个页面，在右上角，如果你 hover 在它上面，你会看到“英语”，你会看到一个语言列表。 您没有时间进入最后一种语言，弹出窗口消失了。 基本上，当您通过#lang-select hover 时，此ul将打开

#lang-select.header .block-content ul {
    list-style-type: none;
    padding: 10px 20px;
    margin: 0;
    background: #FFF;
}

我尝试添加

#lang-select.header .block-content ul {
    transition-delay: 3s;
    transition-property: background;
}

另外，我尝试transition-property: padding; 我也尝试直接将transition-delay应用于#lang-select ，没有工作

Answer 1

问题出在 z-index 上。 包装器正在遍历下拉菜单，因此一旦您的 cursor 从 header 移动到包装器，它就会认为您将鼠标悬停在包装器而不是语言上。 在 css 添加

#header {
    z-index: 1000
}