csssafari

CSS - drop-shadow not working properly in Safari


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.


Solution

  • If you're using Windows, Safari version on Windows is way behind the current Safari version for Mac.