Firefox中的3D CSS变换,锯齿状边缘

abe*_*ier 62 css firefox antialiasing css-transforms

类似于" css变换,铬合金锯齿状边缘 ",Firefox上的3D变换也是如此,例如:http://jsfiddle.net/78d8K/5/(< - 记住:Firefox)

这一次,backface-visibility没有帮助:(

任何的想法?

Jua*_*ado 148

编辑答案:(评论后)

"解决方法",添加透明轮廓属性:

outline: 1px solid transparent;
Run Code Online (Sandbox Code Playgroud)

在Firefox 10.0.2 Windows 7上测试:http://jsfiddle.net/nKhr8/

在此输入图像描述

原答案:(背景颜色依赖)

"解决方法",添加与背景颜色相同的边框属性(白色情况下):

border: 1px solid white;
Run Code Online (Sandbox Code Playgroud)

在Firefox 10.0.2 Windows 7上测试:http://jsfiddle.net/LPEfC/

在此输入图像描述

  • 使用border-top(指针提示)时,不适用于Mac FF.有趣但有趣 (4认同)
  • 我没想到这有助于对PNG"img"的内部进行反混淆,这些内容已经"旋转(15度)"但奇怪的是,确实如此! (3认同)
  • Xubuntu中的Firefox 21.0没有反锯齿,没有在这里工作的任何例子.:( (2认同)