我们正在与另一个开发团队合作的网站存在问题。他们创建了一个视差效果,利用CSS变换效果如下:
.content-wrapper {transform: translateX(5px) translateZ(92px) scale(.7);}
这导致浏览器中的字体呈现出现大问题 - 在Internet Explorer上最为明显。我认为PC用户特别关注它,因为设置CSS Parallax效果的其他开发团队都使用Macintosh计算机。
我改变了css,所以它读起来就像这个transform: translate3d(0,0,0)
,这肯定解决了字体问题,但却造成了视差效应的混乱。我如何能够保持翻译和缩放值,但获得更好的字体渲染?