CSS使背景颜色透明。

Question

我想让灰色的底色有透明度。但相反，它的内容变得透明，而不是bgcolor。

body {
   background-color: gray;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

Answer 1

将background-color设置为rgba(red, green, blue, alpha)，其中red、green和blue介于0和255之间，alpha介于0和1之间，其中0完全透明，1完全不透明。

还请看一看：How do I give text or an image a transparent background using CSS?。

Answer 2

如果您不太关心老版本的浏览器兼容性，那么可以使用新的CSS3 rgba颜色定义：

background-color: rgba(0, 0, 0, 0.5);

这将为您的元素设置透明的背景颜色。