2

このチュートリアルでは、CSS のぼかしの例を示します。

img {
    +filter: blur(30px);
}

次に、 「注: + はベンダー プレフィックスを表します」と言及します。ここで「-webkit-」などのベンダー接頭辞ではなくプラス記号が使用されているのはなぜですか?

4

1 に答える 1

6

これは、この権威あるチュートリアル サイトから簡略にコピーしたものです。ただし、HTML5Rocks では、「関連するベンダー プレフィックスを適用してください」という正しいホバーを配置することを怠りませんでした。

そのため、+filter実際には次のように正しく記述する必要があります。

filter:blur(30px);
-o-filter:blur(30px); /* rather obsolete since Opera switched to Webkit */
-ms-filter:blur(30px);
-moz-filter:blur(30px);
-webkit-filter:blur(30px);

起源はSASS の Compass 拡張であり、この構文をベンダー固有のルールの実際の短縮形として使用できます。

このサイトでわかるように、現在フィルターをサポートしているのは Webkit だけです。したがって-o-、Presto に今後追加されない機能のプレフィックスを無視することもできます。

于 2013-06-12T00:30:51.317 に答える