Как сделать фон меню за контейнером?

Question

[Eridiant]

Подскажите пожалуйста, как сделать что бы фон меню с одной стороны выходил за контейнер? (справа до границы экрана)

Answer 1

[Арсений Матыцин]

Как вариант ты можешь использовать псевдоэлемент с абсолютным позиционированием. C overflow-x:hidden, чтобы он не создавал прокрутку. Пожалуй в плане расчетов это самый дешевый в плане реализации способ.

Comments

[art style]

с полупрозрачным псевдоэлементом будут проблемы.

делать саму менюшку абсолютной, имхо

[Арсений Матыцин]

art style, если по уму сделать, то проблем не будет.

Правда, чтобы сделать в какой-то момент по уму, придется изрядно... потрудиться.

[art style]

Арсений Матыцин, я помню у меня тоже была задача сделать полупрозрачный черный фон. я делал через псевдоэлемент, у меня при правильной калькуляции получалась белая полоса 1пх между элементами на экране, хотя при увеличении ее не было. если делал с наложением 1пх то явно было видно уже черную полосу. так и забил, сделал по другому