HTML – 透明背景,不透明元素

我希望在主体上有一个图像背景,在主div上有一个半透明背景,这样可以通过它看到图像,但是有阴影.但是,最简单的

body {
  background-image: ...
}

#main {
  background-color: #999;
  opacity: 0.9
}

也会使#main中的所有内容都变得不透明,例如任何包含的img.

你怎么做我描述的?

谢谢

最佳答案
rgba可以帮助您,但并非所有浏览器都支持它

用法:

rgba(a,b,c,d), where a = red(0-255); b = green(0-255); c = blue(0-255), d = alpha opacity(0-1)

所以如果你想要50%的红色背景,你应该使用

background: rgba(255,0,0,0.5);

转载注明原文:HTML – 透明背景,不透明元素 - 代码日志