iPhone上的慢速CSS过滤器?

Dav*_*deR 0 css iphone safari filter ios

我有一个这个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);
}
Run Code Online (Sandbox Code Playgroud)

在我的iPhone上它运行缓慢.如果删除这些属性,一切都会很快.如何在不降低页面速度的情况下使用这些属性?

Dav*_*deR 17

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

这是关于添加这些礼仪:

-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
Run Code Online (Sandbox Code Playgroud)

希望这会有所帮助!

  • 2019 年 8 月,我们在移动 iOS 上遇到了同样的问题。运行 12.1.something,不是最新的,但按照今天的标准来说相当新。缩略图上有 3 或 4 个浮动元素,并带有滤镜投影。Safari 会乱码/扭曲块。添加上述属性对我们来说已经 100% 修复了。谢谢! (2认同)