CSS旋转和文本失真

时间：2013-06-26 13:37:09

标签： css css-transforms

创建电子表格样式的视图并旋转列会导致Chrome + Firefox中的文本失真。我已成功使用以下方法解决Chrome问题：

-webkit-backface-visibility: hidden;

但是我留下的Firefox看起来像这样：

enter image description here

Chrome（已修复）

enter image description here

奇怪的是，IE 10完美呈现了这一点 - 而Mac浏览器也做得更好。

任何建议都非常感谢

1 个答案:

答案 0 :(得分：1)

从Firefox v16开始，Mozilla实现了无前缀的背面可见性属性，这可能对您有用：

-webkit-backface-visibility: hidden;    
        backface-visibility: hidden;

IE10也会选择它。

有关MDN backface-visibility

的更多信息
相关问题
最新问题