使svg标识具有透明背景

  • Z时代
  • 2024-01-10
  • 分类：问答

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

heres what it looks like on my end

这里是一个小提琴

https://jsfiddle.net/n3ov9czj/

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

回答：

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

还是更像是这样吗？
Jsfiddle 2

这显然没有工作:(

svg { background: transparent; }

回答：

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

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

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

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

以上是 使svg标识具有透明背景 的全部内容， 来源链接： utcz.com/qa/257945.html

回到顶部