CSS使背景颜色透明

Question

我想让灰色的bgcolor具有透明度。但它的内容变得透明而不是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之间，{{1}在alpha和0之间，1完全透明且0完全不透明。

另请查看：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);

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