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

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

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。谢谢！

如何制作玻璃效果？

1 个答案: