css 如何在html网站中添加透明图像(logo)我试过了,但是网站上出现了白色背景,如何修复?

ykejflvf  于 2023-01-22  发布在  Go
关注(0)|答案(4)|浏览(133)

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

This is the html & css code

x一个一个一个一个x一个一个二个x

chhkpiq4

chhkpiq41#

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

u59ebvdq

u59ebvdq2#

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

0lvr5msh

0lvr5msh3#

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

      • 所有**浏览器都支持
  • 大压缩较小的文件大小。
  • 1600万种颜色
  • 256个透明度级别(0 - 255)

要创建一个新的图像或编辑一个现有的图像,使其透明,你必须使用一个油漆程序,例如易于使用和免费的油漆。net https://www.getpaint.net。在这个程序中,你可以使用效果的透明或不透明度滑块或调色板选择透明。

    • 重要信息**:在"另存为"对话框中,选择32位PNG文件。2这意味着你有8位红色,8位绿色,8位蓝色和8位透明度。
  • 256 x 256 x 256 = 1600万种颜色。
  • 256个透明度梯度。
wxclj1h5

wxclj1h54#

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">

在img标记或图像类中,只需提供属性

    • 一月一日**

应用thihs属性后,如果你没有得到结果,那么你可能要改变你的图像!!
感谢您的投票,希望对您有所帮助。

相关问题