Поместите <div>под тень - PullRequest
0 голосов
/ 08 мая 2011

У меня есть черная панель навигации (bar) и вертикальная белая страница (page).

Предполагается, что page движется снизу и выглядит так, как будто он выходит прямо из-под bar. У bar есть тень, которая, очевидно, должна быть «на» page - вот так:

page beneath

Проблема в том, что page требуется z-index из -1 , чтобы выглядеть так (оба имеют фиксированное или относительное расположение) - и это означает (по крайней мере, в Chrome) что я не могу выбрать или щелкнуть что-либо на page.

Когда я присваиваю z-index из 2 (бар 10 ), это, очевидно, больше не работает:

page on top

И все же, по крайней мере, я могу щелкнуть по элементам page.

Как мне добиться правильного вида, все еще имея возможность щелкать / выбирать элементы?

1 Ответ

3 голосов
/ 08 мая 2011

вы можете установить box-shadow: inset (...) на page.
http://jsfiddle.net/seler/fP2Gx/

или: http://jsfiddle.net/seler/fP2Gx/12/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...