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

时间:2015-12-08 16:13:11

标签: css google-chrome transition opacity opera

在我的项目中有一些工具提示功能时,我遇到了与不透明度过渡的行为差异。 FF和IE在这里做得很好(对我有利,很少出现)我们在Opera和Chrome中看到一个叠加的div仅在转换结束后完全显示出来。 很明显,位置:fixed和overflow的组合:隐藏在父div上会导致它。

.hov {
  background: #E7FE94;
  width: 200px;
  height: 200px;
  position: fixed;
  overflow: hidden;
}

请看我的小提琴演示: JLS 7.5.2

虽然样式主要只是 bling 的位置:fixed和overflow:在这种情况下确实需要隐藏。所以出现了两个问题。

这种情况下的标准行为是什么(如果有的话)? 如何解决?

修改

也许我可以澄清一下这个问题。肯定有解决方法来克服这种丑陋的过渡(-bug?)。只需将移动的div挂在dom树中的隐藏/固定限制div上,所有看起来都很好。真正的问题是:

在Opera和Chrome中是否存在(已确认)行为异常,或者我是否遗憾地错过了一些明显/无关紧要的内容?

0 个答案:

没有答案
相关问题