Safari 9.1 stopped supporting CSS filters

Question

Level 1

4 points

Safari 9.1 stopped supporting CSS filters

Hi there,

I'm running Safari 9.1 (10601.5.17.4) on OS X Yosemite (10.10.5).

After updating my Safari on March 22, I noticed that it stopped supporting CSS filters. Everywhere (both in development and production) where I used filters, the updated Safari just does not recognize these. Is anybody aware of this or could it be some sort of individual issue with the update or whatsoever?

Thanks in advance for any input regarding this!

MacBook Pro, OS X Yosemite (10.10.5)

Posted on Mar 27, 2016 11:45 AM

Reply

Answer 1

VikingOSX

Level 10

123,428 points

Mar 27, 2016 1:28 PM in response to _krm_

Safari 9.1 only stopped supporting CSS3 filters for you. If you follow this article, you will see that this functionality works just fine on OS X 10.11.4 and Safari 9.1. I tested with this code. I don't have Yosemite installed any longer.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>CSS3 Filter Test in Safari 9.1</title>

<style type="text/css">

img {

display: block;

width: 90%;

}

img {

-webkit-filter: grayscale(1);

filter: grayscale(1);

}

</style>

</head>

<body>

<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/392/redwood-ukulele-top.jpg" alt="ukulele">

</body>

</html>

Reply