html - 使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;
}