-webkit-filter:其他浏览器的阴影

-webkit-filter:其他浏览器的阴影,第1张

-webkit-filter:其他浏览器的阴影

好的,我已经弄清楚了-Opera和firefox的等效项是:

filter: url(drop-shadow.svg#drop-shadow);

drop-shadow.svg如下所示:

<svg height="0" xmlns="http://www.w3.org/2000/svg"> <filter id="drop-shadow">    <feGaussianBlur in="SourceAlpha" stdDeviation="2.2"/>    <feOffset dx="1" dy="4" result="offsetblur"/>    <feFlood flood-color="rgba(0,0,0,0.3)"/>    <feComposite in2="offsetblur" operator="in"/>    <feMerge>      <feMergeNode/>      <feMergeNode in="SourceGraphic"/>    </feMerge>  </filter></svg>

IE太糟糕了,不支持svg值feOffset,feFlood或feMerge,因此当前没有等价物

我将保留这种开放性以防有人弄清楚如何为IE产生这种效果

更新

IE版本:

-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5559639.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-14
下一篇 2022-12-14

发表评论

登录后才能评论

评论列表(0条)

保存