Logo image over menu div как изображение

Question

im new here и im new в мире css и html. Я пытаюсь изменить шаблон wordpress с помощью моего обычного stlye.

Это мой интернет: http://codigomasivo.com.ar/dev/douglas/ Я хочу изменить часть логотипа.

Результат, где я нашел это: http://puu.sh/iMZq4.jpg

Я пытаюсь поставить логотип в «позицию: абсолютная;» но когда im прокручивает страницу, логотип перемещается вниз.

Извините за мой английский. Я из Аргентины. Заранее спасибо

Answer 1

Если вы хотите, чтобы ваш логотип проходил через границы вашего меню, вы можете установить фиксированную высоту для вашего меню, например height: 70px.

Тогда для вашего логотипа вы можете использовать это:

.element { 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
} 

Я нашел код, указанный выше here.

Не забудьте использовать на своем логотипе z-index: 7000, иначе верхний ряд будет перекрывать его.

Answer 2

1. Создайте DIV, который содержит фактический бруску
2. уменьшить фактическую планку на высоте вы хотите
3. изменит новый Div'S фоновой-цвета к прозрачному (background-color: transparent)
4. Убедитесь, что ваш логотип изображение имеет height = new-div-height, а old-bar-div короче.

Надеюсь, я объясню это хорошо для вас.

1. Crea ип ДИВ дие contenga ла Барра фактической
2. Уменьшить La Barra фактической ла Альтура дие desees
3. Cambia эль цвета де FONDO-де-ла-Нуэва Div в Transparente (background-color: transparent)
4. Asegurate де Que Tu foto tenga height = new-div-height y que la div de la antigua barra sea mas corta.

Espero havertelo explicado suficientemente bien.