![]() |
---|
|
Тень без использования изображений
Для этого содержимое элемента, для которого добавляется тень, помещается внутрь относительно позиционированного контейнера, для которого задан цвет фона. Контейнер сдвинут вправо и вниз - так создается тень. Основное содержимое элемента, для которого добавляется тень, после этого “возвращается на место”. Для этого содержимое элемента с тенью помещается внутрь еще одного относительно позиционированного контейнера, который сдвинут влево и вверх. У браузера MS IE 6 есть проблемы с правильной обработкой относительно позиционированных элементов, поэтому наш CSS-код необходимо скрыть от этого творения программистов из Ричмонда. CSS: <style type="text/css"> <!-- Прячем CSS от MS IE 6 --> .shiftcontainer { .shadowcontainer { .shadowcontainer .innerdiv { <![endif]> </style> HTML: <div class="shiftcontainer">
Если хотите не упустить данный урок, добавьте его в закладки:
Рейтинг: ![]()
Оставить комментарий: |
|
---|
|