Question

我创造了这个小提琴。我相信你会看到我的问题。

jsfiddle.net/vnbS3 /

弹出的框决定在mouseout上不会执行相同的操作。我已经尝试了很多东西，我认为这不是因为z-index。

我认为这是由于.background的过渡，因为我不得不设置转换延迟来阻止它搞乱。但是，延迟不适用于mouseout。

Answer 1

摆脱背景中的轻松过渡，导致它出现奇怪的弹出延迟。

.background {
    position: absolute;
    z-index: 1;
    width:100%;
    height:100%;
    border-radius: 999px;
    overflow: hidden;
}

Answer 2

只需在您的!important div的.background属性中添加overflow:hidden标记

下面