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

提问者：小点点

这个页面，在右上方，你会看到“English”如果你悬停在上面，你会看到一个语言列表。如果你没有时间进入最后一种语言，弹出窗口就会消失。基本上，当您悬停在#lang-select上时，这个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，但没有工作

共1个答案

匿名用户

问题在于Z索引。包装正在下拉菜单上，所以一旦您的光标从标题移动到包装，它会认为您是在包装上而不是在语言上。在css中添加

#header {
    z-index: 1000
}