4

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

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

4

1 回答 1

2

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

于 2012-11-29T21:08:55.917 回答