Ios iPhone上的慢CSS过滤器？

我有一个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上，它运行得很慢。如果我删除这些属性，一切都会很快进行。如何在不降低页面速度的情况下使用这些属性？

我在这里找到了解决方案：

这是关于增加这些礼节：

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

---

希望这会有帮助

CSS过滤效果肯定会影响性能。在我的项目中，我使用了Photoshopped图片。这帮了我很大的忙！但在2019年8月这里仍然不是100%，我们在移动iOS上也遇到了同样的问题。运行12.1.0版本，不是最新的，但以今天的标准来看是相当新的。在缩略图上有3或4个浮动元素，带有滤镜阴影。Safari会把这些积木弄得乱七八糟。添加上述属性，我们100%修复了它。谢谢2020年8月在这里，移动iOS 13.6.1上也有同样的版本。布局出现问题/重叠，似乎是由图像上的灰度过滤器引起的。上面的CSS修复了它。真奇怪。非常感谢！