CODEWITHSUNDEEP
htmlcsssafari
James Walker
James Walker

Reputation: 795

Webkit CSS filter blur not working in Safari on Windows OS

Basically I am using the CSS3 filter and using blur(); to create a blur effect on my background. It works in every browser except for Safari on Windows 7 OS. The code I am using is:

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

Is there something I am missing as to why it is not working in Safari?

Upvotes: 3

Views: 11851

Answers (1)

Spudley
Spudley

Reputation: 168665

The problem is that the current Safari version on Windows is some way behind the current Safari version for Mac.

On Windows, the current Safari version is only 5.1, compared with 6.0 and 7.0 on Mac.

The bad news for you is that Safari 5.1 does not support the filter style.

There is no way around this; it simply isn't supported, and won't be until Safari gets an update on Windows.

The only good news is that there aren't that many people using Safari on Windows, so this issue shouldn't affect too many of your users.

You can see more about the browser support for this feature on CanIUse.com: http://caniuse.com/#search=filter

Upvotes: 6

Related Questions