Не могу ли я иметь теневую тень внутри и снаружи на одном и том же div? Я пробовал, но он не работает.
Box-shadow как вставки, так и снаружи на том же div
Ответ 1
Вам нужно использовать запятую для разделения обоих теней: http://jsfiddle.net/gryzzly/CWuw8/3/ Вам также необходимо добавить префикс для браузера, чтобы он работал везде, где он поддерживался:
div {
-webkit-box-shadow:
10px 10px 10px #000,
inset 0 0 10px #000;
-moz-box-shadow:
10px 10px 10px #000,
inset 0 0 10px #000;
-o-box-shadow:
10px 10px 10px #000,
inset 0 0 10px #000;
box-shadow:
10px 10px 10px #000,
inset 0 0 10px #000;
}
И вы также должны указать цвет для тени, чтобы он был виден.
Ответ 2
Используя CSS3, вы можете иметь многоцветные тени теней, разделяя их запятыми, например:
box-shadow: 10px 10px 10px, 0 0 10px inset;
У вас может быть столько, сколько хотите.
Ответ 3
Обновлена ваша скрипка для вас: http://jsfiddle.net/CWuw8/4/