如果你想让透明背景是灰色的，请尝试:

   .transparent{
       background:rgba(1,1,1,0.5);
   }

这是可行的，但是该类元素的所有子元素也将变成透明的，没有任何方法可以阻止这一点。

.css-class-name {
    opacity:0.8;
}

如果你想让透明背景是灰色的，请尝试:

   .transparent{
       background:rgba(1,1,1,0.5);
   }

试试这个:

.transparent
{ 
  opacity:.50;
  -moz-opacity:.50; 
  filter:alpha(opacity=50); 
}

这是简单而有序的。使用hsla css函数如下所示

.transparent {
   background-color: hsla(0,0%,4%,.4);
}

使用rgba ():

.transparent {
  background-color: rgba(255,255,255,0.5);
}

这将给你50%的不透明度，而盒子的内容将继续100%的不透明度。

如果你使用不透明度:0.5，内容和背景一样会褪色。因此不要使用它。