首页 > 解决方案 > html gif 具有透明背景,但在 img 标签和 css 背景属性中变为白色

问题描述

我有一个透明背景的 gif 图像,您可以在我的桌面上看到:

在此处输入图像描述

但是当我在我的 html 代码中使用它时,会得到白色背景。我已经在 stackoverflow 和谷歌首页的其他网站中测试了背景 css 属性和回复。这是我的代码:

<img src="/content/elecomp98/pahbad.gif" style="position: absolute;top: 50px;left: 0;width: 250px;">

<div style="width: 250px;height: 280px;background: url(/content/elecomp98/pahbad.gif);position: absolute;left: 0;top: 50px;background-size: cover;display: none;"></div>

在此处输入图像描述

标签: htmlcssgif

解决方案


请注意,“ Pahbad.gif”与“ pahbad.gif”不同。

图片 url区分大小写

级联样式表 (CSS) 不区分大小写。但是,字体系列、图像的 URL 和样式表的其他直接引用可能是。

我建议您链接错误的图像。


推荐阅读