5

背景にこんな写真があればいいのに

body{

    background-color: transparent !important;
    background-image: url("img.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px)


}

ぼかしフィルターも付いています。

しかし、体につけると、背景画像以外はぼやけてしまいます。

背景画像のみにぼかしを適用する方法はありますか? （Photoshopなどでぼかしを行う以外に.

4

1 に答える 1

5

ぼかしは、本体以外のコンテナの背景画像で機能します。

filter: blur(20px)

デモはこちら

https://jsfiddle.net/scheinercc/Yr2zD/1128/

于 2012-11-23T09:43:05.927 に答える