使svg徽标具有透明背景

Question

我在我的网站上添加了这个svg徽标。我把它保存在没有背景的插画中，当它在网络浏览器中弹出时，它有一个白色的背景。不确定如何解决这个问题或问题可能是什么。

heres what it looks like on my end

这是一个小提琴

https://jsfiddle.net/n3ov9czj/

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

Answer 1

这是你想要做的吗？ Jsfiddle 1

还是更像这样？
Jsfiddle 2

这显然没有用:(

svg { background: transparent; }

Answer 2

看起来您的链接图片（徽标？）黑色区域实际上是透明的，显示背景。白色区域实际上是（徽标）图像。我想，在这种情况下，你试图完成这种消极情绪。我可以在字母 h 后面看到一些文字。使用实际的svg徽标图像来解决问题会更有帮助。

只需测试图像背景的颜色。

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

如果是这种情况，那么您可能希望在徽标后面应用背景图像或者您想要实现的想法。