HTML PNG圖像透明

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

enter image description here

我的代碼是目前

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

2013-07-18 IdeoREX

這是漆黑所示創建。你可能會被吃掉。 – SQLMason

你用什麼工具保存圖像？很明顯，圖像中沒有保存透明度信息。 – K3N

我下載了谷歌圖片 – IdeoREX

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

2013-07-18 16:48:10 nullability

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

這個問題與HTML無關。

2013-07-18 18:18:29

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

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

2013-07-19 12:22:02

歡迎來到堆棧溢出。請總結你答案中的鏈接;這樣，如果鏈接失效，答案不會完全無用。 – michaelb958

回答