基本的に、CSS3 フィルターを使用し、blur(); を使用しています。背景にぼかし効果を作成します。Windows 7 OS の Safari を除くすべてのブラウザーで動作します。私が使用しているコードは次のとおりです。
-webkit-filter: blur(15px);
-moz-filter: blur(15px);
filter: blur(15px);
Safari で動作しない理由について、私が見逃しているものはありますか?
問題は、Windows 上の現在の Safari のバージョンが、現在の Mac 用の Safari のバージョンよりもいくらか遅れていることです。
Windows では、現在の Safari のバージョンは 5.1 のみで、Mac では 6.0 および 7.0 です。
残念なことに、Safari 5.1 はこのfilter
スタイルをサポートしていません。
これを回避する方法はありません。それは単にサポートされておらず、Windows で Safari が更新されるまでサポートされません。
唯一の朗報は、Windows で Safari を使用しているユーザーがそれほど多くないことです。そのため、この問題が多くのユーザーに影響することはありません。
この機能のブラウザ サポートについては、CanIUse.com で詳細を確認できます: http://caniuse.com/#search=filter