Javascript 使用firefox删除css中div的筛选器属性

我试图删除我的一个div的属性“filter”，该属性应用于我的全身，但我所做的一切都不起作用

我做了一把小提琴来展示这件东西：

我希望当光标在蓝色div上时，它不会模糊

我试过“过滤器：无”，但它不起作用。我还尝试应用新的模糊：

<filter id="remove-blur">
   <feGaussianBlur stdDeviation="0" />
</filter>

这也不管用

我也在网上看到了这一点，但没有办法找到解决办法。 需要注意的是，我的代码只能在firefox中使用

谢谢，这是事先准备好的

编辑：

工作小提琴：

这可能有帮助：（）

风格

body.blur {
    filter:url(#blur-effect);
}

#haut{
    background-color: dodgerblue;
    margin-bottom:10px;
}

#bas{
    background-color: darkred;
}
#bas2{
    background-color: red;
}

html

<div id="haut" onmouseover="flou();" onmouseout="flou();">
    test
</div>

<div id="bas">
    test
</div>

<svg>
   <filter id="blur-effect">
       <feGaussianBlur stdDeviation="5" />
   </filter>
</svg>

<div id="bas2">
    test
</div>

或者类似的

---

或者像以前的帖子一样。您可以将类标记“=blur”添加到要应用效果的每个div，并将其作为目标。

---

或者只使用“div”作为目标以实现所有，然后给出您想要显示的div类或id，您可以将其取消模糊。

使用其他2个fiddle更新，请告诉我如果您在父级上有筛选器，则所有子级都将始终被筛选。这就是过滤器的工作方式。@RobertLongson我明白了。我注意到在我的网站上，我得到了一个div，其中包含了我想要模糊的所有元素。我要试着模糊那个div，看看会发生什么，谢谢你的回答！这不是我想要的抱歉！我想模糊所有的div，除了一个，但我不认为我们可以这样做。谢谢你的帮助answer@Off我不知道你到底需要什么，但我可以建议你针对你想要模糊的元素，然后用jsYes控制这些元素。对不起，我的英语很差。我实际上是按照你的建议做的，如果可行的话，我会贴一把小提琴，我想它会有用的。@Off不是为了你的英语，有时候仅仅用文字来解释视觉效果并不容易。德国劳埃德船级社

 function flou() {
        b = document.body;
        c = b.className;
        if (c.indexOf('blur') > 0) {//when blur is active
            b.className = ""
    //remove blur
        } else {
            b.className += ' blur'; //apply blur
        }
    }
document.getElementById('haut').onmouseover=function(){document.body.className="";}