2013-10-30 62 views
1

基本上我使用CSS3濾鏡並使用blur();在我的背景上創建模糊效果。它適用於除Windows 7 OS上的Safari之外的所有瀏覽器。我正在使用的代碼是:Webkit CSS濾鏡模糊在Windows操作系統的Safari中不起作用

-webkit-filter: blur(15px); 
-moz-filter: blur(15px); 
filter: blur(15px); 

有什麼我失蹤,爲什麼它不工作在Safari?

+0

我們就需要看到它在行動。你可以做一個JSFiddle或提供一個鏈接?也就是說,它只適用於元素...而不是背景圖片... –

+0

您使用的是哪個版本的Safari? – antyrat

+0

我使用的代碼是http://jsfiddle.net/T4Q8t/,我在Windows 7上使用Safari 5.1.7。 –

回答

4

問題是,目前在Windows上的Safari版本是目前Safari版本的Mac背後的某種方式。

在Windows上,當前的Safari版本只有5.1,而Mac上的版本是6.0和7.0。

對你來說壞消息是Safari 5.1不支持filter風格。

有沒有辦法解決這個問題;它只是不受支持,並且直到Safari在Windows上獲得更新之後纔會被支持。

唯一的好消息是,在Windows上沒有那麼多人使用Safari,所以這個問題不應該影響太多的用戶。

你可以看到更多關於此功能的瀏覽器支持上CanIUse.com:http://caniuse.com/#search=filter

+0

晚了一點,晚了差不多3年;但是,我剛剛以Win10用戶的身份偶然發現了這一點 - 進一步的研究發現了蘋果不支持進一步更新Safari for Windows的共識。 Boo-hiss蘋果! –

相關問題