CSS设置元素背景为半透明, 而其中的内容为不透明

不要用opacity属性, 例如

textarea {
    text-align: center;
    width: 700px;
    height: 300px;
    opacity: 0.5;
}

这样会将textarea的背景连同其中的文字均设置为半透明。应该用下面的语句

textarea {
    text-align: center;
    width: 700px;
    height: 300px;
    background: rgba(204, 204, 204, 0.2);
}

当然，如果想将背景设置为纯透明，可以直接使用

background: transparent;