如何制作玻璃效果？

Question

我正在尝试做这样的事情。 (http://prnt.sc/f58ksy) 但我不知道如何制作这种玻璃效果，我试图改变不透明度但没有奏效。我的代码：

        .Head {
   position: absolute;
   top:200px;
   margin-left: 20%;
   color:white;
   background-color: #2acec3;
   margin-left: 8%;
   font-size: 400%;
   font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   opacity: 0.7;
   display: block;
}

.ParaPlanes {
   position: absolute;
   top:220px;
   margin-left: 20%;
   color:white;
   background-color: #2acec3;
   margin-left: 8%;
   font-size: 400%;
   font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   opacity: 0.7;
   display: block;
}

我的结果：http://prntscr.com/f58njn

谢谢！ :-)

Answer 1

opacity 属性也改变了它的子元素的透明度... 试试 -

background-color:rgba(red, green, blue, opacity ( decimal b/w 0 to 1))

示例 -

#justadiv {
     background-color : rgba(24, 180, 140, 0.5);
}

RGB 值必须大于 0 且小于 255。 谢谢！