要解决filter无法修改的问题,可以将filter属性应用于body元素而不是body:after伪元素。通过修改代码中的以下部分:

var element = document.querySelector('body');
var content = window.getComputedStyle(element, ':after').getPropertyValue('content');

改为:

var element = document.querySelector('body');

然后在range.onchange函数中修改代码:

range.onchange = function(){
  alert('启动成功');
  element.style.filter = `blur(${range.value/100}px)`;
}

这样就可以成功修改filter属性并实现模糊效果。

WebCat: 解决filter无法修改的常见问题

原文地址: https://www.cveoy.top/t/topic/qhsB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录