4

今日問題に遭遇しましたが、デバッグに非常に時間がかかりました。オンラインのどこにも解決策が見つからなかったので、文書化すると役立つと思いました

親の「オーバーフロー」プロパティがトランジションとともに変更された場合、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で動作します！

4

1 に答える 1

2

これは私にはhttps://bugzilla.mozilla.org/show_bug.cgi?id=625289のように見えます: 親は CSS ボックスを再構築しています。計算されたスタイルの変更によってトリガーされます。

于 2012-11-29T21:08:55.917 に答える