3D CSS 转换,Firefox 中的锯齿状边缘 [英] 3D CSS transform, jagged edges in Firefox
本文介绍了3D CSS 转换,Firefox 中的锯齿状边缘的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
类似于>
Similary to "css transform, jagged edges in chrome", same occurs with Firefox on 3D transforms, eg: http://jsfiddle.net/78d8K/5/ (<- remember: Firefox)
This time, backface-visibility
doesn't help :(
Any idea?
解决方案
Edited answer: (after comments)
"Workaround", add a transparent outline attribute:
outline: 1px solid transparent;
Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/
Original answer: (background-color dependent)
"Workaround", add a border attribute with the same color of your background (white this case):
border: 1px solid white;
Tested on Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/
这篇关于3D CSS 转换,Firefox 中的锯齿状边缘的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文