Как спрятать часть картинки, а остальную часть сделать фоном?

Question

[Евгений]

Всем привет!
Вообщем есть лого и оно заходит на меню, вот скриншот prntscr.com/29ctr7
И получается что мы не можем кликнуть на нижнюю область двух кнопок. Можно как-то спрятать часть лого, а оставшуюся часть сделать фоном для верхнего меню?

Answer 1

[Masterme]

1. отрезать полголовы и разместить отдельной картинкой поверх меню.
2. сделать меню двуслойным - снизу фон, сверху текст, между ними - картинка

Comments

[Евгений]

@Masterme хм, действительно ведь так просто) что-то я сам не допёр, спасибо.

Answer 2

[Jonh Doe]

Зависит от верстки. Можно задать позицию логотипа абсолютную и поставить z-index меньше чем у блока меню.

Comments

[Евгений]

спрятать нет сложности prntscr.com/29cz4h а вот как вернуть пропавшую часть лого, если фон у меню полоска в 1px?

Answer 3

[SAiNT]

могу честно сказать что ничем хорошим это не закончится.
да, есть несколько способов это сделать не разрезая картинку, но я даже не хочу их описывать - это долго и ненадежно.
если бы строитель был расположен хотя бы слева...
...и если Вы захотите сделать drop-down меню, снова будут проблемы.

убирайте отрицательный margin, пусть логотип не вылазит на меню. дизайну от этого будет только лучше