0

我试图删除我在我的全身上应用的一个 div 的属性“过滤器”，但我所做的所有事情都不起作用。

我做了一个小提琴来展示这个东西：http: //jsfiddle.net/fAmu4/1/

我希望当光标在它上面时蓝色 div 没有模糊。

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

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

这也不起作用。

我也在互联网上看过这个，但没有办法找到解决方案。重要的是要注意我的代码只能在 Firefox 中运行。

提前致谢 ！

编辑：

工作小提琴：http: //jsfiddle.net/fAmu4/5/

4

2 回答 2

1

和之前的帖子一样。您可以将类标签“=blur”添加​​到每个要应用效果的 div 并定位它。或者只使用“div”作为目标来影响所有，然后给你想要显示一个你可以定位的类或id的div来取消模糊它。

于 2016-11-17T18:01:45.143 回答
0

可能这有帮助：（小提琴）

风格

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>

JS

 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="";}

或类似的东西

于 2013-06-12T10:22:51.490 回答