html - 鼠标移开时的 CSS3 过渡

Question

我创建了这个 fiddle 。我相信您会看到我的问题。

jsfiddle.net/vnbS3/

弹出的框决定它不会在 mouseout 上做同样的事情。我已经尝试了很多东西，但我不认为这是因为 z-index。

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

Answer 1

摆脱后台的轻松过渡，因为它会导致出现奇怪的弹出延迟。

fiddle :http://jsfiddle.net/vnbS3/3/

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