Часто для более красивого отображения элементов, блоков и таблиц им добавляют тень. Но, как обычно, свойство box-shadow в ИЕ не работает, поэтому надо прибегнуть к хаку в виде добавления специального файла PIE.htc через свойство - behavior: url(PIE.htc);
Значения свойства задают смещение тени, ее радиус и цвет: [смещение тени по оси X] [смещение тени по оси Y] [радиус тени] [цвет]. Порядок значений строго определен. Смещение тени задается относительно верхнего левого угла текста. Положительные значения смещения сдвигают тень вправо и вниз, отрицательные влево и вверх.
* В IE тень заполняет своим цветом также сам блок, поэтому ему надо принудительно задавать фон (например, белый).
<STYLE type="text/css"> .block { box-shadow: 3px 3px 12px #7C7C7C; -moz-box-shadow: 3px 3px 12px #7C7C7C; -webkit-box-shadow: 3px 3px 12px #7C7C7C; behavior: url('/PIE.htc'); width:300px; } </STYLE> <div class="block"> Некоторый блок с тенью<br /> Некоторый блок с тенью<br /> Некоторый блок с тенью<br /> Некоторый блок с тенью<br /> </div>
== Пример ==