Question

我在网站上的图片上添加了drop-shadow过滤器。它在Firefox和Chrome中正常运行，但在Safari中无法正常运行。

我尝试了以下代码：

.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);
}

请参阅this JSFiddle了解演示。

Answer 1

Safari支持版本9.1的投影过滤器。更新您的Safari，问题将自动解决。

见：http://www.w3schools.com/cssref/css3_pr_filter.asp

: http://caniuse.com/#feat=css-filters

我希望这会对你有所帮助。

Answer 2

如果你正在使用Windows，Windows上的Safari版本将落后于当前适用于Mac的Safari版本。

在Windows上，当前的Safari版本为5.1，在Mac中为9.1（最新版本）。
Safari 5.1不支持过滤器样式。在我看来，你不应该担心它，因为大多数用户都没有在Windows中使用Safari。

CSS - drop-shadow在Safari

2 个答案: