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;