Тень без box-shadow на CSS

Тень без box-shadow на CSS

29.10.201112534

Предлагаемое решение не ново, да и тень для блока можно будет сделать только слишком простую, однообразную. CSS3 здесь и не пахнет. Использовать CSS атрибут «box-shadow» использовать гораздо удобнее, но до сих пор этот параметр поддерживается не всеми браузерами. Приходится делать тень без box-shadow, чтобы добиться кроссбраузерности. На самом деле, методов без использований изображений множество. На данной странице Вы увидите пример простого DIV блока, вложенного еще в несколько «дивок». У этих самых блоков имеется border, цвет которых чуть темнее фона.

Тень смотрится вполне естественно, когда её не много, но если добавлять обводку еще и еще, выглядеть это будет не реалистично. Если в качестве фона использовать изображение, обводка потеряет свой смысл. Для фона с изображением нужен другой метод: скорее всего, с использованием слоев.

Код CSS



Код HTML



Класс width_block в примере ограничивает область, числовое значение включает в себя размер блока и размер тени.



Сохраните в социальную сеть
Комментарии (4)
Долгий способ... dry
1
Приходится как-то крутиться
1
Гость 01.11.2011 в 13:01Спам
глуповато, лучше css 3 ведь он теперь есть во всех нормальных браузерах)
2
Виктория 05.11.2011 в 11:08Спам
Дегродация :D
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт