I have added a drop-shadow
filter on an image on my site. It is working properly in Firefox and Chrome, but not in Safari.
I tried following code:
.ui-tabs .ui-tabs-nav li {
list-style: outside none none;
}
.tabed_setting_div a > img {
filter: drop-shadow(5px 5px 5px #000);
-webkit-filter: drop-shadow(5px 5px 5px #000);
-moz-filter: drop-shadow(5px 5px 5px #000);
-ms-filter: drop-shadow(5px 5px 5px #000);
-o-filter: drop-shadow(5px 5px 5px #000);
}
Please see this JSFiddle for a demo.
If you're using Windows, Safari version on Windows is way behind the current Safari version for Mac.
On Windows, the current Safari version is 5.1, in Mac its 9.1 (Latest Release).
Safari 5.1 does not support the filter style, In my perspective you shouldn't have to concern about it because most of the users aren't using Safari in Windows.