我今天遇到了一个问题，我花了很长时间调试，我在网上找不到任何解决方案，所以我认为记录一下会很有用
如果父级的“溢出”属性与转换一起更改，则转换在 Firefox 上似乎不起作用 - 即:
.parent { overflow: hidden; }
.parent:hover { overflow: visible; }
.child { opacity: 1; transition: opacity 1s linear; }
.parent:hover .child { opacity: 0; }
转换对 child 不起作用。从悬停的父级中删除“overflow:visible”属性，一切正常。似乎改变 child 本身的溢出不会引起任何问题，这很奇怪。
这是 http://jsfiddle.net/qzMj9/13/ 的 js fiddle
有人知道为什么会这样吗？它是 ff 错误还是正确的功能？它适用于 webkit!
最佳答案
这看起来像 https://bugzilla.mozilla.org/show_bug.cgi?id=625289对我来说:父级正在重构其 CSS 框，这会在子级上丢失旧的计算样式，这意味着没有过渡开始，因为这是由计算样式更改触发的。
关于更改父溢出时 firefox 转换中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13626412/