如何制作半透明背景？

Question

我需要使白色背景50%透明而不影响其他任何事情.我该怎么做？

Answer 1

用途rgba():

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

这将为您提供50%的不透明度,同时盒子的内容将继续具有100%的不透明度.

如果使用opacity:0.5,内容将与背景一样褪色.因此不要使用它.

Answer 2

这是有效的,但是这个类的元素的所有子元素也会变得模糊,没有任何阻止它的方法.

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

Answer 3

如果你想让透明背景变灰,请试试:

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