Edge 40/15不透明度/可见性转换事件传播（闪烁）错误？

Question

在早期版本的Edge中，所需的过渡效果可正常工作。 我只是通过在调用其父级的悬停事件时使用CSS转换不透明度/可见性来设置div的动画。

//LESS
&:hover .inside{
  //part that matters:
  visibility: visible;
  opacity: 1.0;
  transition-delay:0s;
}
.inside{
  //part that matters:
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 1s,opacity 1s ease;
}
//Pug
.wrapper
  .button text
    .inside more text

问题所在。
在Chrome，IE 11和Edge 25中，转换是一致且正确的。然而，过渡事件似乎堆积起来，如果我在过渡完成之前将鼠标悬停在按钮上或离开按钮，则不透明地来回跳跃。
以下是它的示例：https://codepen.io/vtsells/pen/RZjLYP

这是一个错误还是我错过了什么？我发现旧版Edge正常工作很奇怪

Answer 1

您的transition-delay:0s导致了问题。将其设置为非常低的值应该会给您一个好的结果：transition-delay: 0.01s

这是你的工作codepen。