HTML PNG圖像透明

Question

我想把一個PNG圖像放在我的html的正文。挑戰在於我的背景是灰色的（現在，但可以改變），而且應該是透明的png背景是白色的。我如何告訴html將圖像看作png而不是普通圖像？我可以將其設置爲透明還是必須指定背景顏色（如果我更改了背景，透明將是理想的）？

我的代碼是目前

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

Answer 1

透明度不是在HTML完成，但圖像本身的一部分。瀏覽器會將圖像視爲PNG並自動將其顯示爲PNG。要爲圖像添加透明度，您必須使用Photoshop等圖形編輯器編輯文件。

Answer 2

使用Photoshop，Fireworks（或任何其他圖像編輯軟件）刪除PNG的背景。保存時，應將其標記爲具有「透明度」。

這個問題與HTML無關。

Answer 3

您需要使用透明圖像。這可以通過使用Photoshop或其他圖像編輯軟件

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

，或者您可以使用CSS透明度以下鏈接

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