在我的项目中有一些工具提示功能时,我遇到了与不透明度过渡的行为差异。 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中是否存在(已确认)行为异常,或者我是否遗憾地错过了一些明显/无关紧要的内容?