HTML PNG图像透明

时间:2013-07-18 16:46:06

标签: html django background png transparent

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

enter image description here

我的代码目前正在

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

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

这个问题与HTML无关。

答案 2 :(得分:0)

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

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

或者您可以使用css透明度,如下面链接

所示

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