Internet explorer SVG徽标放置阴影属性在IE中不起作用
SVG徽标的Drop shadow属性不适用于IE,但适用于chrome 我用过这个:Internet explorer SVG徽标放置阴影属性在IE中不起作用,internet-explorer,svg,dropshadow,Internet Explorer,Svg,Dropshadow,SVG徽标的Drop shadow属性不适用于IE,但适用于chrome 我用过这个: filter:drop-shadow(0px 0px 2px #a2a2a2); -ms-filter:drop-shadow(0px 0px 2px #a2a2a2); -webkit-filter:drop-shadow(0px 0px 2px #a2a2a2); 与drop-shadow()等效的SVG过滤器是 所以你的答案是: <filter id="drop-shadow"> &l
filter:drop-shadow(0px 0px 2px #a2a2a2);
-ms-filter:drop-shadow(0px 0px 2px #a2a2a2);
-webkit-filter:drop-shadow(0px 0px 2px #a2a2a2);
与
drop-shadow()
等效的SVG过滤器是
所以你的答案是:
<filter id="drop-shadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="0" dy="0" result="offsetblur"/>
<feFlood flood-color="#a2a2a2"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
IE不支持@RobertLongson的任何解决方案??请使用另一个支持IE的浏览器,或尝试使用SVG过滤器实现它。@RobertLongson谢谢。