0

すべてのボディに適用する div の 1 つのプロパティ「フィルター」を削除しようとしましたが、行ったすべてのことは機能しません。

私は物事を示すためにフィドルを作りました: http://jsfiddle.net/fAmu4/1/

カーソルが上にあるときに青いdivがぼやけていないことを望みます。

「フィルター：なし;」を試しました しかし、うまくいきません。また、新しいぼかしを適用しようとしました:

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

これも機能しません。

私もそれについてインターネットで見ましたが、解決策を見つける方法はありません。私のコードは Firefox でのみ動作することに注意してください。

前もって感謝します ！

編集：

作業フィドル: http://jsfiddle.net/fAmu4/5/

4

2 に答える 2

1

前の投稿のように。そして、効果を適用したいすべてのdivにクラスタグ「=blur」を追加して、それをターゲットにすることができます。または、「div」のみをターゲットとして使用してすべてに影響を与え、表示する div にクラスまたは ID を指定して、ぼかしを解除することができます。

于 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 に答える