我有一个类似苹果的coverflow元素,使用css3转换和3d转换构建。
http://jsfiddle.net/7eDkb/1/(带方框阴影的过渡)
在Chrome上工作很顺利,但在Firefox上,封面在动画时在可见和不可见之间闪烁。
在一个消除过程之后,我发现从项目中删除“box shadow”css属性会在Firefox中实现平滑的转换。
http://jsfiddle.net/7eDkb/2/(无框阴影的过渡)
我已经在火狐v15和Chromev21中测试过这个。
有没有一个解决方案可以在一个元素上同时进行3D转换和框阴影,而不在火狐上闪烁?
编辑:在小提琴中,单击灰色图像以查看闪烁
最佳答案
有一个很好的理由,还没有人回答这个问题,这是一个火狐bug。
我已经提交给了Bugzilla,它被确认为一个bug。
https://bugzilla.mozilla.org/show_bug.cgi?id=790239
正如@kyle在他的评论中所说的,目前最好的解决方案是在火狐的情况下使用一个非优雅的方框阴影替代方案。