iPhone上的CSS筛选器速度慢？ [英] Slow CSS Filters on iPhone?

问题描述

我有一个具有该CSS类的div：

I have a div with this css class:

.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上，它运行缓慢。如果删除这些属性，一切进展很快。我该如何使用这些属性而又不降低页面速度？

And on my iPhone it runs slow. If I remove those attributes everything goes fast. How can I use these attributes without slowing the page down?

推荐答案

我在这里找到了解决方案： http://indiegamr.com/ios6-html-hardware-acceleration-changes -以及如何修复它们/

I found the solution here: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/

这是要添加以下属性：

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

希望这会有所帮助！

这篇关于iPhone上的CSS筛选器速度慢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！