Тень не покрывает боковую линию
Доброго дня! Есть такой вопрос:
http://myd.pe.hu/ создаю сайт, на нем есть навигация с выпадающим меню, побокам от ссылок есть границы, при наведении на ссылку эти границы планировал закрывать тенью, но возникла проблема, слева закрывает, справа нет. вот ссылка с скрином, что бы было проще понять, что я сверху написал: https://yadi.sk/i/vjfbt6BKmrbPx Подскажите пожалуйста, как убрать этот косяк. |
outline не подходит?
|
|
Доброго!
Это происходит потому, что все элементы списка (li) равноправны между собой и отрисовываются согласно положению в коде. Левая граница в коде выше, поэтому перекрывается, а правая ниже и не перекрывается. Задайте свой контекст наложения с помощью z-index. Более подробно о контексте наложения, например, здесь. |
Большое спасибо! Position: relative и z-index выручили!!!
|
а нельзя было еще padding-а буквально 1% добавить?
|
вот за что я люблю cms, так это за то что там все автоматически
|
согласен, я вот на этой http://www.umi-cms.ru/product/ работаю уже года два
|
Часовой пояс GMT +3, время: 05:41. |