MS Edge CSS过渡闪烁

前端之家收集整理的这篇文章主要介绍了MS Edge CSS过渡闪烁前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到MS Edge中的CSS转换有一个奇怪的问题.

基本上,如果你有一个转换,例如在悬停状态之间,但是为那些悬停状态定义的样式在CSS级联中被覆盖,Edge将在转换期间切换到覆盖的样式,然后切换回来.

这里也很好地描述了这个问题:
https://www.webmasterworld.com/css/4791912.htm

我还创建了一支笔来证明这个问题:
http://codepen.io/powerbored/pen/OWqXRw

a {
  transition: all 2s ease-in;
  color: orange;
}

a div {
  color: lightblue;
  // displays in light blue in all browsers except during transitions in Edge
}

a:hover {
  color: red;
}

我知道Edge并不是一个很棒的浏览器,但我真正希望看到的是对这里实际发生的事情及其原因的解释.

解决方法

有一些关于transition-property的东西:所有这些都导致后代元素在转换期间继承动画值,而不是在Microsoft Edge中无限期地保持其指定值.这似乎特别适用于Microsoft Edge的CSS转换实现,即使Internet Explorer行为正常,也只有在transition-property为all时才会发生 – 如果只指定需要转换的属性,Microsoft Edge行为正确.

这就是我可以告诉你的全部内容.嗯,那个,以及这是不正确行为的明显事实.

猜你在找的CSS相关文章