为何在Safari中更新brightness/contrast滤镜无效果?如何修复?
Safari中JS更新DOM滤镜(brightness/contrast)的兼容性问题
我通过JavaScript更新DOM元素的brightness/contrast滤镜,代码如下:
let style = `brightness(${brightness}%) contrast(${contrast}%)`; element.style.filter = style;
该操作绑定在鼠标按住拖动的事件上,在Chrome、Firefox、Edge等浏览器中都能正常生效,但在Mac版Safari 16.1中,只有当页面滚动条可见时,滤镜的brightness/contrast参数才会变化;如果添加触摸事件处理逻辑,iOS版Safari也会出现同样的问题。
疑问
- 这是Safari的Bug吗?
- 如何让该功能在Safari中正常工作?
内容的提问来源于stack exchange,提问作者Evgenii
相关产品推荐
相关产品推荐

