我今天遇到一个问题,花了我很长时间来调试,我在网上找不到解决方案,所以我认为记录下来会很有用
如果父级的“溢出”属性与转换一起更改,则转换似乎在 Firefox 上不起作用 - 即:
.parent { overflow: hidden; }
.parent:hover { overflow: visible; }
.child { opacity: 1; transition: opacity 1s linear; }
.parent:hover .child { opacity: 0; }
过渡对孩子不起作用。从悬停的父级中删除“overflow:visible”属性,一切正常。似乎改变孩子本身的溢出不会引起任何问题,这很奇怪。
这是一个 js 小提琴http://jsfiddle.net/qzMj9/13/ http://jsfiddle.net/qzMj9/13/
有谁知道为什么会发生这种情况?这是一个 ff bug 还是正确的功能?它可以在 webkit 上运行!
这看起来像https://bugzilla.mozilla.org/show_bug.cgi?id=625289 https://bugzilla.mozilla.org/show_bug.cgi?id=625289对我来说:父级正在重建其 CSS 框,这会丢失子级的旧计算样式,这意味着没有过渡开始,因为这是由计算样式更改触发的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)