Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Тень не покрывает боковую линию (https://javascript.ru/forum/xhtml-html-css/60661-ten-ne-pokryvaet-bokovuyu-liniyu.html)

Павел Турченко 13.01.2016 11:24

Тень не покрывает боковую линию
 
Доброго дня! Есть такой вопрос:
http://myd.pe.hu/
создаю сайт, на нем есть навигация с выпадающим меню, побокам от ссылок есть границы, при наведении на ссылку эти границы планировал закрывать тенью, но возникла проблема, слева закрывает, справа нет.
вот ссылка с скрином, что бы было проще понять, что я сверху написал:
https://yadi.sk/i/vjfbt6BKmrbPx
Подскажите пожалуйста, как убрать этот косяк.

ruslan_mart 13.01.2016 13:43

outline не подходит?

Павел Турченко 13.01.2016 13:48

Ruslan_xDD,
с ним тоже самое
https://yadi.sk/i/J5iBdRtAmrrUW

mikhail.golovkin 14.01.2016 06:21

Доброго!

Это происходит потому, что все элементы списка (li) равноправны между собой и отрисовываются согласно положению в коде.
Левая граница в коде выше, поэтому перекрывается, а правая ниже и не перекрывается.

Задайте свой контекст наложения с помощью z-index.

Более подробно о контексте наложения, например, здесь.

Павел Турченко 14.01.2016 08:52

Большое спасибо! Position: relative и z-index выручили!!!

vitzas 08.04.2016 07:02

а нельзя было еще padding-а буквально 1% добавить?

meneziz 10.04.2016 08:59

вот за что я люблю cms, так это за то что там все автоматически

vitzas 10.04.2016 08:59

согласен, я вот на этой http://www.umi-cms.ru/product/ работаю уже года два


Часовой пояс GMT +3, время: 05:41.