Самоучитель CSS > Прозрачность > Прозрачность элемента

Прозрачность элемента

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
      body { background-image: url(../../images/teacher/css_ex1.jpg); }
      .prim1 {
        width: 400px;
        margin: 30px 50px;
        background-color: #ffffff;
        border: 1px solid black;
        font-weight: bold;
        opacity: 0.5;
        filter: alpha(opacity=70); /*для IE8 и более ранних версий*/
        text-align: center;
      }
      .prim2 {
        width: 400px;
        margin: 30px 50px;
        background-color: rgba(255,255,255,0.5);
        border: 1px solid black;
        font-weight: bold;
        text-align: center;
      }
    </style>
  </head>
 
  <body>
    <div class="prim1"><p>Изменение степени прозрачности для элемента div, позволяет
     просвечиваться заднему фону родительского элемента, через дочерний.</p></div>
      
     <div class="prim2"><p>Изменение степени прозрачности для элемента div, позволяет
     просвечиваться заднему фону родительского элемента, через дочерний.</p></div>
  </body>
</html>

Результат:

Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.