safari 下 linear-gradient 失效

ShiRouMi
  • 436
<div class="content-title">
    平台
</div>
background-image: -webkit-linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
background-image: -moz-linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
background-image: linear-gradient(rgba(255,255,255,1) 0%,     rgba(194,222,250,1.000) 60%, rgba(55,115,171,1.000) 80%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
filter: drop-shadow(3px 3px 6px #03103c);
-webkit-text-stroke: 1px #03103c80;

chrome 下正常显示
image.png

safari 下无法正常显示
image.png

回复
阅读 238
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏