box-shadow как на вставке, так и снаружи на том же div

Question

Разве у меня не может быть и внутренняя и внешняя тени блока на одном и том же div?Я пробовал, но это не работает

http://jsfiddle.net/CWuw8/

Answer 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;
}

И вы также должны указать цвет тени, чтобы она была видна.

Answer 2

Используя CSS3, вы можете создать несколько теней, разделив их запятыми, например:

box-shadow: 10px 10px 10px, 0 0 10px inset;

Вы можете иметь столько, сколько хотите.

Answer 3

Обновил вашу скрипку для вас: http://jsfiddle.net/CWuw8/4/