iPhone上CSS滤镜运行缓慢？

Question

iPhone上CSS滤镜运行缓慢？

3

我有一个带有以下CSS类的div：

.pos {
    -webkit-filter: brightness(0.5);
    -moz-filter: britghtness(0.5);
    -o-filter: brightness(0.5);
    -ms-filter: brightness(0.5);
    filter: brightness(0.5);
}

我的iPhone上运行缓慢。如果我删除这些属性，一切都会变得快速。如何在不减慢页面速度的情况下使用这些属性？

- DavideR

CSS滤镜效果肯定会影响性能。在我的项目中，我使用经过Photoshop处理的图像代替。 - Raptor

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DavideR · Accepted Answer

我在这里找到了解决方案：http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/

这关于添加以下属性：

-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

希望这能有所帮助！