html - 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>
解决方案
请注意,“ Pahbad.gif
”与“ pahbad.gif
”不同。
图片 url区分大小写。
级联样式表 (CSS) 不区分大小写。但是,字体系列、图像的 URL 和样式表的其他直接引用可能是。
我建议您链接错误的图像。
推荐阅读
- c# - C# PropertyGrid UITypeEditor Agnostic to the object and property
- linux - mmap speed compared to read and write
- python - Using APIs to extract data from SaaS application Alloy
- asp.net-core - How to access HttpContext.Session from NextJs
- ubuntu - Problem with running Intellij 2021 sudo command
- javascript - How to get value from an object in AngularJS?
- service-worker - Show requests made by ServiceWorker in Firefox DevTools?
- javascript - How to used jquery in a calculation
- javascript - Convert a D3 selection into a Jquery selection
- postgresql - How to grants pg_read_server_files OR alternative on AWS RDS PostgreSQL