当父溢出被更改时，Firefox 转换中断

Question

我今天遇到了一个问题，花了很长时间来调试，我在网上任何地方都找不到解决方案，所以我认为记录它会很有用

如果父级的"溢出"属性与过渡一起更改，则过渡似乎在 Firefox 上不起作用 - 即：

.parent { overflow: hidden; }
.parent:hover { overflow: visible; }
.child { opacity: 1; transition: opacity 1s linear; }
.parent:hover .child { opacity: 0; }

过渡对孩子不起作用。从悬停的父级中删除"溢出：可见"属性，一切正常。似乎改变孩子本身的溢出不会引起任何问题，这很奇怪。

这是这个 http://jsfiddle.net/qzMj9/13/的js小提琴

有谁知道为什么会这样？ 是FF错误还是正确的功能？ 它适用于WebKit！

Answer 1

这

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