Opacity

Определяет уровень прозрачности элемента веб-страницы. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта.

Синтаксис

opacity: значение

В качестве аргумента выступает число из диапазона [0.0; 1.0]. Значение 0 соответствует полной прозрачности элемента, а 1, наоборот — его непрозрачности. Дробные числа вида 0.6 устанавливают полупрозрачность. Допускается писать числа без нуля впереди, вида opacity:.6.

<style type="text/css">

IMG.semi { opacity: 0.5; /* Полупрозрачность элемента */ }

</style>

<img src="images/igels.png" alt="Обычный рисунок">

<img src="images/igels.png" alt="Полупрозрачный рисунок" class="semi">

Background

Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.

Синтаксис

background: background-attachment || background-color || background-image || background-position || background-repeat

Любые комбинации пяти значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.

<style type="text/css">

DIV {

height: 200px; /* Высота блока */

width: 200px; /* Ширина блока */

overflow: auto; /* Добавляем полосы прокрутки */

padding-left: 15px; /* Отступ от текста слева */

background: #fc0 url(images/hand.png) repeat-y; /* Цвет фона,

путь к фоновому изображению и повторять фон по вертикали */

Таким образом, полный пример тега DIV, определяющего слой, может выглядеть следующим образом:

<div style="position:absolute; top:25; left:25; width:200; height:400; background-color:#FFFFFF;
background-image:url(/img/bgimg.gif);"> Содержимое слоя </div>