使svg标识具有透明背景

我将此svg标识添加到我的网站。我将它保存在插图中，而不是背景，当它在Web浏览器中弹出时，它具有白色背景。不知道如何解决这个问题或者是什么问题。使svg标识具有透明背景

这里是一个小提琴

<img src="images/logo.svg" />

可以链接徽标请:)，它不会出现在小提琴 – Srax

看起来像你的SVG包含白色背景 – felixmosh

@Srax我怎么能链接它，让你们可以看到它？ –

难道这就是你想干什么？
Jsfiddle 1

还是更像是这样吗？
Jsfiddle 2

这显然没有工作:(

svg { background: transparent; }

2017-12-02 19:36:38 Srax

评论不适合扩展讨论;这个对话已经[转移到聊天]（http://chat.stackoverflow.com/rooms/160453/discussion-on-answer-by-srax-make-svg-logo-have-transparent-background）。 – Andy

看起来好像你链接的图像（标志？）黑色的区域实际上是透明的，可见的背景。白色区域实际上是（标识）图像在这种情况下，我们可以看到h这个字母背后的一些文字，这对于真正的svg徽标图像来找出问题真的更有帮助，

只需测试t着色图像背景。

<img src="images/logo.svg" style="background-color:grey"/>

如果是这样的话，那么你可能要应用背后的标志或任何是要实现这个想法的背景图像。

2017-12-02 20:01:22 Pete

图片似乎没问题。但图像的背景是白色的，因为它是空白的。徽标背后没有什么。您可以通过将图像背景颜色样式化为某种实际颜色来轻松查看。 – Pete

回答