您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

为什么filter(shadow)导致我的SVG在Safari中消失?

为什么filter(shadow)导致我的SVG在Safari中消失?

可能是有点晚了,但是以防万一我会把答案留给你。我在Safari中遇到了同样的问题,并且发现这似乎是Safari问题/错误。您可以解决错误,只需将SVG标签与另一个HTML标签(如div)包装在一起,然后像在示例中一样,将阴影过滤器应用于此元素。在这里,您的示例已使用wrapper元素进行了修改

<div class="svg-wrapper">
    <svg>...</svg>
</div>

//CSS
.svg-wrapper {
    -webkit-filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
    filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
}

希望有帮助!

其他 2022/1/1 18:15:07 有588人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶