如何在CSS中包含带有透明背景的PNG图像

nbnkbykc  于 2023-03-20  发布在  其他
关注(0)|答案(2)|浏览(159)

当我使用CSS3来包含一个带有透明背景的PNG文件时,背景会自动转换为白色。我如何保持它的透明?

ztyzrc3y

ztyzrc3y1#

CSS不会像你所描述的那样对PNG文件进行任何操作。在没有看到你的代码的情况下,我们只能假设你所描述的白色背景是放置图像的元素的背景色。

如果图像本身用作背景,请使用以下代码:

element {
background: transparent url(image.png) no-repeat center;
}

如果图像未用作背景,而只是放置在div中的图像元素,则父div的背景颜色应设置为透明。

tct7dpnv

tct7dpnv2#

我知道已经过去两年了,但我还是会这样回答。
你必须使用一个PNG图像来保证没有背景,所以你可以用你的无背景图像覆盖任何文本/图像。
我只是使用〈img src”..."〉,它在这里工作得非常好。

相关问题