用于视差效果的CSS变换导致浏览器

时间:2015-09-22 03:45:17

标签: css3 css-transforms antialiasing

我们正在与另一个开发团队合作的网站存在问题。他们创建了一个视差效果,利用CSS变换效果如下:

.content-wrapper {transform: translateX(5px) translateZ(92px) scale(.7);}

这导致浏览器中的字体呈现出现大问题 - 在Internet Explorer上最为明显。我认为PC用户特别关注它,因为设置CSS Parallax效果的其他开发团队都使用Macintosh计算机。

我改变了css,所以它读起来就像这个transform: translate3d(0,0,0),这肯定解决了字体问题,但却造成了视差效应的混乱。我如何能够保持翻译和缩放值,但获得更好的字体渲染?

0 个答案:

没有答案