Лучший подход к технике css drop shadow - не изображение

Question

В поисках лучшего подхода для техники CSS Drop Shadow без изображения.

У меня есть всплывающее окно, к которому я хотел бы добавить тень.

Бонусный вопрос:

Может ли он работать с:

• -moz-граница радиуса
• -webkit-граница радиуса

Answer 1

Вы можете использовать box-shadow и -webkit-box-shadow, см .:

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/

для получения дополнительной информации.

Answer 2

Я не могу сказать, является ли это лучшим подходом, но вы, возможно, захотите проверить расширитель ASP.NET AjaxControlToolkit DropShadow . Он создает несколько стилей div для имитации тени.