2013-10-30 23 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苹果! –

相关问题