CSS中设置背景透明而其上的文字不透明

写关于透明度的样式时，一直习惯于使用opacity属性，最近发现这个属性不仅影响到当前元素，其下的所有子元素透明度都会被改变，不是想要的效果。
查了很久，才发现可以通过rgb方法设置自带透明度的背景颜色，这样一来，就不用担心修改透明度会影响到子元素中的内容了。

代码如下：

.lg-screen {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    /* 带透明度的背景 */
    background-color:rgba(0,0,0,0.75);
    border-radius: 8px;
}

呈现效果：