Как сделать, чтобы фоновое изображение выходящее за пределы блока не обрезалось?

Question

[Александр Плюснин]

На картинке видна форма, фоновое изображение которой (бабочка сверху) должно выходить за пределы блока, подскажите пожалуйста как правильно реализовать.

Answer 1

[Yakov Vylegzhanin]

Фоновое изображение будет обрезаться в любом случае.
Сделай в виде псевдоэлемента - :after, :before. Спозиционируй его абсолютно, и задай уже ему фоновое изображение.

UPD: отключить, если есть, у блока-родителя свойство overflow: hidden.

Comments

[Сергей Карвасарный]

не факт что поможет, там скорее всего - overflow: hidden и обрезает все, что выходит за область блока.

[Yakov Vylegzhanin]

Сергей Карвасарный: что мешает отключить overflow: hidden? Да и фоновое изображение обрежется и без помощи overflow: hidden.

[Сергей Карвасарный]

Yakov Vylegzhanin: ничего не мешает, но даже афтер и бефор не поможет если стоит хайд, а он скорее всего стоит, во многих popup он вписан по умолчанию.

[Mr Crabbz]

Сергей Карвасарный: в любом случае это не бекграундом для родителя делается. Тут полюбому нужен трюк с позиционированием.