box-shadow не видно

[GuitarFan]

http://jsfiddle.net/V6KPv/

Как видно, у активного элемента меню (hover) ставится тень справа.

Но тень не видно, возможно из-за наложения на тень другого меню-div.

Я пробовал у hover ставить z-index больше, чем у не активного меню - толку 0.

Почему когда я навожу на меню - не видна тень (box-shadow)?

[hypnocolor]

http://jsfiddle.net/hypnocolor/V6KPv/1/

[GuitarFan]

Большое спасибо. Как я понял вы добавили:

position: relative;

display: inline-block;

Прочел о relative: Положение элемента устанавливается относительно его исходного места.

Не понял, зачем это нужно? Он и так сразу устанавливается на своем месте. Если вам не сложно, объясните в чем была моя ошибка и чем эта позиция отличается от стандартной? Ведь relative без смещения(top, left...) - это тоже самое, что и не писать position: relative, ведь элемент остается на том же месте.

Inline-block как я понял нужен потому, что если установить position: relative; то div выводятся вниз.

.left_menu+div{

margin-left: -4px;

}

Честно говоря никогда не встречал такой записи (+div)

Я попытался загуглить, но не знаю, как это называется.

А при попытке загуглить css +div - ничего толкового не нашло.

Уж извините, когда это срабатывает я тоже понять не смог(

[hypnocolor]

position: relative здесь был нужен, чтобы box-shadow мог появляться поверх слоёв. Попробуйте убрать это свойство из примера и увидите разницу.

Если не писать значения свойства position вообще, то оно будет не relative, а static. В общем, вам нужно побольше почитать про позиционирование и потренироваться.

А при попытке загуглить css +div - ничего толкового не нашло.

И тут тоже никакого волшебства. Обычная запись соседних селекторов.

http://htmlbook.ru/samcss/sosednie-selektory

[hypnocolor]

А вообще, можно оставить весь ваш код, каким он и был, только у .left_menu нужно добавить position: relative и убрать z-index.

[GuitarFan]

Да спасибо, так гораздо лучшее, не люблю лишний код)

position: relative здесь был нужен, чтобы box-shadow мог появляться поверх слоёв.

Я заметил что без него не работает. В описании relative ничего такого не сказано. Не понятно, зачем это тогда нужно.

Может position: relative включает z-index? Где-то я такое недавно читал. И видимо после включения, при наведении z-index=1 (а без наведения по стандарту=0) и потому тень становится выше. Я правильно понимаю?