使一個div透明，但不是內部的圖像

Question

我想有一個div裏面有一個圖像，但div和背景是完全透明的，給人的印象是圖像單獨存在，背後的元素div出現。

我試過在幾種方式使用rgba，如background: rgba(204, 204, 204, 0.5);，但所有這些都設置爲完全透明時最終在div上留下白色背景。

我該如何執行此操作？

編輯 這裏是一個畫面：

我怎樣才能讓紅色按鈕顯示爲正常，但可以看到的是白色部分的後面？

我的HTML是這樣的：

<div id="transparent-background"> 
    <img src="./images/ui/chat.gif" class="arrow-button"/> 
</div> 

感謝，

Answer 1

只要使用這個CSS爲您的DIV：

#transparent-background { 
    background: transparent; 
}