如何在html网站中添加透明图像(徽标);我已经尝试过 但白色背景出现在网站中 如何修复它

我是一个 noob 只是练习添加一个透明的标志到我的网站,但白色背景出现在标志后面如何修复它?这是图像的链接-https://www.pikpng.com/pngl/m/13-130171_avengers-png-logo-free-transparent-png-logos-rh.png

我是一个 noob 只是练习添加一个透明的标志到我的网站,但白色背景出现在标志后面如何修复它?这是图像的链接-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">
0

这是行不通的,因为图像实际上不是透明的-背景看起来好像是透明的,但实际上背景透明的设计。

0

PNG 图像通常有透明的背景,有时它不工作 (我不知道为什么)。已经发生在我身上。当这种情况发生时,我使用 photoshop 并选择一个需要并再次转换为 png。它工作。我知道这不是你想要的答案,但这是我所做的找到一个解决方案。祝你好运!

0

在网站上,PNG 格式是您需要的 4 个重要原因:

所有浏览器支持

伟大的压缩较小的文件大小。

1600 万种颜色

256 个转换级别(0-255)

要创建新图像或编辑现有图像以使其具有透明度,您必须使用 Paint 程序,例如易于使用且免费的 Paint.Nethttps://www.getpaint.net。在此程序中,您可以使用 transparancy 效果或不透明度滑块或调色板来选择 transparancy。

重要:在“另存为”对话框中,选择 32 位 PNG 文件。这意味着您有 8 位红色,8 位绿色,8 位蓝色和 8 位用于传输。

256 x 256 x 256 = 1600 万种颜色。

256 梯度的转换。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(295)
如何知道哪些组ID已在Maven存储库中注册
上一篇
AWSEBS:什么是 IOPS
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(18条)