javascript - 变换后 chrome 中的模糊图像

Question

我们使用 zoomooz 插件设计了一个网站，该插件使用了诸如平移比例倾斜等变换。 在某些浏览器(如 mozilla)中一切正常，我的意思是图像经过变换并显示得很好，但在变换后的 chrome 图像中变得模糊。

there是关于这个问题的一些谈话。但是图像呢？我怎样才能在没有模糊效果的情况下展示它们。这对我们在网站上显示高质量的图像非常重要。

例子:

In chrome Version 49.0.2623.112 m

In mozilla fierfox 46.0

Answer 1

试试这个

img {
    -webkit-backface-visibility: hidden; 
    backface-visibility: hidden;
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);
}