Css Opera和Chrome中奇怪的不透明度转换行为
在我的项目中使用一些工具提示功能时,我遇到了不透明度转换的行为差异。在FF和IE做得很好的地方(对我有利,很少发生),我们在Opera和Chrome中看到,一个上覆的div只有在过渡完成后才会完全出现。 很明显,父div上的position:fixed和overflow:hidden的组合导致了它Css Opera和Chrome中奇怪的不透明度转换行为,css,google-chrome,transition,opacity,opera,Css,Google Chrome,Transition,Opacity,Opera,在我的项目中使用一些工具提示功能时,我遇到了不透明度转换的行为差异。在FF和IE做得很好的地方(对我有利,很少发生),我们在Opera和Chrome中看到,一个上覆的div只有在过渡完成后才会完全出现。 很明显,父div上的position:fixed和overflow:hidden的组合导致了它 .hov { background: #E7FE94; width: 200px; height: 200px; position: fixed; overflow: hidden
.hov {
background: #E7FE94;
width: 200px;
height: 200px;
position: fixed;
overflow: hidden;
}
请看我的小提琴演示:
虽然样式主要是闪烁的位置:固定和溢出:隐藏在这种情况下是真正需要的。因此出现了两个问题
这种情况下的标准行为是什么(如果有)?
如何工作
编辑
也许我可以澄清一下这个问题。当然,有一些变通方法可以克服这种难看的过渡(-bug?)。只需将移动div挂在dom树中的隐藏/固定受限div上,一切看起来都很好。真正的问题是:
Opera和Chrome中是否存在(已确认的)不当行为,或者我是否遗憾地错过了一些明显/琐碎的事情?为什么您不能删除
溢出:隐藏代码>?简而言之,这似乎在chrome中解决了这个问题:这必须在所有可能的情况下都有效,通常在某些父div必须具有溢出:隐藏和位置:修复的情况下。基本上,这不会影响移动div。此外,当移动div被定义为基本div的同级时,也可以看到相同的行为。