我想要一个内部有图像的 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>
谢谢,
最佳答案
只需将此 CSS 用于您的 DIV:
#transparent-background {
background: transparent;
}
关于html - 使div透明但不透明内部图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44893567/