CSS -放置阴影在Safari中不能正常工作。

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

请参阅这个JSFiddle的演示。

Answer 1

如果您正在使用Windows，则Windows上的Safari版本远远落后于当前的Mac Safari版本。

• 在Windows上，当前的Safari版本为5.1，在Mac中为9.1 (最新版本)。
• Safari 5.1不支持过滤器样式，在我看来，您不必担心它，因为大多数用户在Windows中没有使用Safari。

Answer 2

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

请参阅：filter.asp

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

我希望这能帮到你。