Как создать такое меню?

Question

[Андрей]

Ребять подскажите как создать такое мею?

На всю ширену чтоб плашка растягивалась но между пунктами была пустота в 1px?

Answer 1

[occvlt]

Привет, ну тут все просто. Для начала создать секцию с шириной в 100% и opacity, далее в ней создать враппер. Что бы был отступ в 1px, нужно li, или div(в которых собственно будут лежать линки), не знаю что тебе будет удобнее, сделать margin: 0 1px;

Comments

[Андрей]

Еслиб все так просто было. А как же дырки будут прозрачными если под линками плашка с опасити черная?

[Андрей]

Идею ты понял, только через дырки должно быть картинку видно. А плашка вся должна быть rgba(0,0,0.5) с дырками между пунктами меню и width 100%

[Игорь Пушкарский]

Ну сделай по другому сделай блок меню, сделай на всю ширину, задай ему overflou:hidden если у тебя нет разрежающегося(выпадающего) меню вниз, помести в него wrap-menu ему задай position relative, задай 2 псевдо элемента before и after, задай им фон rgba(0,0,0.5) помести их слева и справ от меню задай ширину им 2000 px что бы наперника, при уменьшении масштаба не появилась пустая область.
внутрь враппера помести ul>li>a задай a размеры, баграунд rgba(0,0,0.5), и magrin: 0 1px, вот и все

[Андрей]

RainMEN: Да отвык я от тех времен, по любому поводу нужно было так изгаляться :) спасибо добрый человек

[Игорь Пушкарский]

svistiboshka: Всегда пожалуйста обращайся если что =) чем смогу тем помогу =)