Как частично убрать тень

[Kenshi24]

Доброго времени суток, помогите убрать тень внутри всплывающего меню как на рисунке, спасибо!

http://jsfiddle.net/4f9Te/

[CoDy]

Уберите правила:

.usernav li:hover,.usernav li:hover ul{    -webkit-box-shadow: 0px 0px 1.5em #dadbdd;-moz-box-shadow: 0px 0px 1.5em #dadbdd;box-shadow: 0px 0px 1.5em #dadbdd;}.usernav li:hover li{    box-shadow: none;}

[Kenshi24]

 

Уберите правила:

.usernav li:hover,.usernav li:hover ul{    -webkit-box-shadow: 0px 0px 1.5em #dadbdd;-moz-box-shadow: 0px 0px 1.5em #dadbdd;box-shadow: 0px 0px 1.5em #dadbdd;}.usernav li:hover li{    box-shadow: none;}

В смысле? Они нужны для того, чтобы тень была снаружи, нужно убрать только внутри меню на стыке между блоками

Edited March 26, 2014 by Kenshi24

[darknebel]

Можно попробовать вот так.

[Kenshi24]

Можно попробовать вот так.

Тень внизу тоже сдвигается, заказчика вряд ли устроит.

Попробовал через добавление псевдоэлемента в область тени, работать работает, но мне кажется это немного корявое решение, как думаете?

http://jsfiddle.net/4f9Te/3/

.usernav > ul > li:hover:after{	content: "";	position: absolute;	z-index: 2;	background-color: #fff;	left: 0;	height: 1em;	right: 0;	bottom: 0;}

Edited March 26, 2014 by Kenshi24