1

我正在尝试将 png 图像放在我的 html 正文中。挑战是我的背景是灰色的（目前，但可能会改变），并且应该是透明的 png 背景是白色的。如何告诉 html 将图像视为 png 而不是常规图像？我可以将其设置为透明还是必须指定背景颜色（如果我更改背景，透明将是理想的）？

在此处输入图像描述

我的代码目前是

  <img src="{% static 'livestream/images/streamON.png' %}" alt="on" width="300" height="300">
4

4 回答 4

5

透明度不是在 HTML 中完成的，而是图像本身的一部分。浏览器会将图像视为 PNG 并自动将其显示为 PNG。要为图像添加透明度，您必须使用 Photoshop 等图形编辑器编辑文件。

于 2013-07-18T16:48:10.150 回答
1

如果已经存在，HTML 将获得图像透明度。

您可以使用它来删除背景颜色，而无需任何图像工具。

如果您的图像已经具有透明背景，但它位于按钮内，那么这可能是问题所在。按钮的颜色可能与背景颜色不同

于 2021-12-06T17:14:15.807 回答
0

您需要使用透明图像。可以使用 Photoshop 或任何其他图像编辑软件创建

http://i.stack.imgur.com/sCNJW.png

或者您可以使用 css 透明度，如下面的链接所示

http://css-tricks.com/css-transparency-settings-for-all-broswers/

于 2013-07-19T12:22:02.130 回答
0

使用 Photoshop、Fireworks（或任何其他图像编辑软件）删除 PNG 的背景。保存时，应将其标记为具有“透明度”。

这个问题与 HTML 无关。

于 2013-07-18T18:18:29.823 回答