今日、私は自分のウェブサイトを再設計し、別の方法からアプローチします。タイポグラフィに集中する代わりに、大きな画像と小さなテキストを追加したいと思います。私は単にやった：
html {
background: url(../img/background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
}
...しかし、ブラウザー (Ubuntu 12.10 で実行されている Chrome バージョン 26.0.1386.0 dev) で見ると、画像はぼやけていますが、色あせた白いフレームも存在します。この問題がどのように見えるかのスクリーンショットを次に示します。
これを回避する方法はありますか？私はこのスタックオーバーフローの質問を見ましたが、うまくいきませんでした（その例では、<img>タグだけでなくタグを使用しているためです<html>）。あの白いフレームは見た目が良くない。いいえ、画像には白いフレームがありません (これは単に私のデスクトップのスクリーンショットで、いくつかのウィンドウが開いているため、白いフレームはありません)。なぜこれが起こるのですか？
あなたの助けと時間をありがとう。