html - Chrome中的文字模糊

我刚刚创建了一个简单的图像叠加效果，请参见下文 FIDDLE HERE 。

下面的HTML

<figure>
  <img src="http://unilaboralgirona.com/wp-content/uploads/2015/03/ZContact.jpg" alt="">
  <figcaption>
    <h3>Lorem ipsum</h3>
    <p>Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</p>
  </figcaption>
</figure>

现在，当我在chrome中查看此图像时，图像和叠加层上方的文本非常模糊，在FF中它非常清晰，但在chrome中却不是。

我 THIS ，在线发布，但仍未找到解决方法。

这是一个已知问题吗？如何解决这个问题？

编辑:进行硬件加速工作!但是我不能告诉我的用户这样做。

谢谢你。

最佳答案

“一半像素”中的问题

尝试将转换值更改为+ 1％或-1％

示例:转换:translateY(-51％);

关于html - Chrome中的文字模糊，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35077116/