Рисование тени вокруг стола

Question

Как вы можете видеть в этой скрипке, http://jsfiddle.net/S8Bne/64/, Я пытаюсь нарисовать тень от стола (только снаружи). Подход, который я выбрал, состоит в том, чтобы создать div с немного большей высотой, чем область thead, и дать ему тень от рамки. Тем не менее, я не могу правильно расположить его. Как я могу это сделать?

Любые решения приветствуются.

Answer 1

Это происходит потому, что ваш thead не находится внутри div.

Я добавил немного height к div, чтобы показать ...

Проблема: http://jsfiddle.net/jasongennaro/S8Bne/54/

Добавьте это

-webkit-box-shadow:#8A0000 2px 2px 10px;
box-shadow:#8A0000 2px 2px 10px;

к

.geniusPicks table tr#picksHeading th

И это работает.

Пример работы: http://jsfiddle.net/jasongennaro/S8Bne/55/

Так что не нужно div