WebCat: 解决filter无法修改的常见问题
要解决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属性并实现模糊效果。
原文地址: https://www.cveoy.top/t/topic/qhsB 著作权归作者所有。请勿转载和采集!