时间戳

首页 > 解决方案 > 如何在html网站中添加透明图片（logo）；我试过了，但是网站上出现了白色背景，如何解决？

html - 如何在html网站中添加透明图片（logo）；我试过了，但是网站上出现了白色背景，如何解决？

问题描述

我是菜鸟 刚刚练习在我的网站上添加透明徽标，但徽标后面出现白色背景 如何解决？这是图片的链接 - https://www.pikpng.com/pngl/m/13-130171_avengers-png-logo-free-transparent-png-logos-rh.png

     This is the html & css code  


body {
  background-color: blue;
}

.image {
  position: absolute;
  height: 100px;
  width: 200px;
}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<img class=image src="https://www.pikpng.com/pngl/m/13-130171_avengers-png-logo-free-transparent-png-logos-rh.png">

标签： htmlcssbackgroundtransparent

解决方案

PNG图像通常具有透明背景，有时它不起作用（我不知道为什么）。已经发生在我身上了。发生这种情况时，我使用 Photoshop 并选择需要的内容并再次转换为 png。有效。我知道这不是您想要的答案，但这是我为找到解决方案所做的。祝你好运！

推荐阅读