Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Opera和Chrome中奇怪的不透明度转换行为_Css_Google Chrome_Transition_Opacity_Opera - Fatal编程技术网

Css Opera和Chrome中奇怪的不透明度转换行为

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

在我的项目中使用一些工具提示功能时,我遇到了不透明度转换的行为差异。在FF和IE做得很好的地方(对我有利,很少发生),我们在Opera和Chrome中看到,一个上覆的div只有在过渡完成后才会完全出现。 很明显,父div上的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的同级时,也可以看到相同的行为。