当父溢出更改时,firefox转换中断

时间:2012-11-29 13:00:37

标签: firefox css3 css-transitions

我今天遇到了一个问题,我花了这么长时间进行调试,我无法在网上找到任何解决方案,所以我认为文档会很有用

如果父级的“溢出”属性与转换一起更改,似乎转换在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!

1 个答案:

答案 0 :(得分:2)

对我来说这看起来像https://bugzilla.mozilla.org/show_bug.cgi?id=625289:父母正在重建其CSS框,这会丢失孩子的旧计算样式,这意味着没有转换开始,因为这是由计算出的样式更改触发的。