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

2023年2月9日 181次阅读

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

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

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

点赞