我今天遇到了一个问题,我花了这么长时间进行调试,我无法在网上找到任何解决方案,所以我认为文档会很有用
如果父级的“溢出”属性与转换一起更改,似乎转换在Firefox上不起作用 - 即:
.parent { overflow: hidden; }
.parent:hover { overflow: visible; }
.child { opacity: 1; transition: opacity 1s linear; }
.parent:hover .child { opacity: 0; }
过渡对孩子不起作用。从悬停的父级中删除“overflow:visible”属性,一切正常。似乎改变孩子本身的溢出不会引起任何问题,这很奇怪。
这是http://jsfiddle.net/qzMj9/13/
的js小提琴有谁知道为什么会这样?它是一个ff错误或正确的功能?它适用于webkit!
答案 0 :(得分:2)
对我来说这看起来像https://bugzilla.mozilla.org/show_bug.cgi?id=625289:父母正在重建其CSS框,这会丢失孩子的旧计算样式,这意味着没有转换开始,因为这是由计算出的样式更改触发的。