过渡很棒!当与功能强大的浏览器一起使用时,直到最近我还认为该术语包括 Chrome、Firefox 和 Safari ...... Firefox 和 Safari 一直在让人失望!
我正在尝试一组相当复杂的动画,涉及纯粹的过渡和固定背景。在 Chrome 中,一切都是肉汁,我在具有一background-image
组和一background-attachment
组固定的父容器中应用过渡和移动元素。
据我观察;在 safari 中,每当发生任何类型的转换时 backface-visibility:hidden 都会附加到页面上的所有元素,或者肯定是一些祖先或目标元素。
backface-visibility:hidden;
与它一起使用时有一个相当未记录的问题background-attatchment:fixed;
将删除background-image
正在修复的表单视图,请参见此处。
因此,当页面上任何地方发生任何涉及不透明度或 3d 转换的转换时,我的图像会闪烁并在 safari 应用backface-visibility
效果时再次返回。
有谁知道解决这个问题的方法?它相当烦人,而且我怀疑苹果会更新一段时间,我希望有一个解决方案。