Thêm độ trong suốt cho nền với CSS opacity

Thuộc tính opacity cho nền - Lặp lại

Nội dung trùng lặp với bài 1003062688. opacity làm trong suốt cả phần tử (nền + nội dung).

Ví dụ (giống hệt bài 1003062688)

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      background-color: #808000;
      padding: 20px;
      margin-bottom: 10px;
    }
    div.one  { opacity: 0.2; }
    div.two  { opacity: 0.5; }
  </style>
</head>
<body>
  <h1>Độ trong suốt nền</h1>
  <p>So sánh opacity:</p>
  <div class="one"><p>opacity 0.2</p></div>
  <div class="two"><p>opacity 0.5</p></div>
  <div><p>opacity 1 (mặc định)</p></div>
</body>
</html>

Hộp 1: 20% (rất mờ), Hộp 2: 50%, Hộp 3: 100%. Chữ cũng bị mờ theo.