Показать элемент за текстом и выпадающим меню

Question

Я использую тему wordpress и изменил фоновое изображение.

Теперь я хочу отобразить изображение поверх белого фона (где отображается содержимое).

Я сделал это, используя следующий код:

img style="position: absolute; top:244px; left: 220px;" src="http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png" 

Это выглядит точно так же, как я хочу его, но у него есть проблемы. На сайте есть выпадающее меню, когда вы прокручиваете меню вниз, оно исчезает, когда ваша мышь перемещается по изображению, которое отображается позади.

Может ли кто-нибудь помочь мне переместить изображение назад, чтобы наложить фон на каждую страницу?

Я пробовал использовать z-index без каких-либо успехов.

Это сайт, который я хочу, чтобы применить изображение, чтобы: http://www.tgon.co.uk/

Вот пример проблемы у меня возникли: http://www.tgon.co.uk/info/languages/french/

Любая помощь вы могли бы дать было бы весьма признателен.

Answer 1

В принципе, то, что вам нужно сделать, это:

1. Удалить 'position:absolute' из образа. - вот почему вы сталкиваетесь с проблемой перекрытия.
2. Добавить 'margin-top: -107px;' к изображению. - это подтолкнет изображение туда, где вы хотите.

Во всяком случае, я не понял, почему вы не использовали свойство «background» css для этого. Вы могли бы просто сделать это:

#primary { 
    background: #fff url('http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png') no-repeat; 
} 

Answer 2

Вот решение:

#branding { z-index: 1001;} 
#inner-wrapper { z-index: 1000;} 

header Поскольку создается до #inner-wrapper DIV, вам нужно будет применить более z-indexheader в сравнении с Div # внутрипартийную wrapper`.

EDIT Проверьте скриншот застройщика зрения консольной разметки:

Просто установка z-indexheader права на & div#inner-wrapper сделали это для меня. Давайте исправим это, тогда я буду рад помочь вам правильно настроить изображение.

Answer 3

Вы должны удалить этот файл: И добавить этот CSS:

#content {

фона изображения: URL ("http://www.tgon.co.uk/wp-content/uploads/2014/01/strans1.png");

фон-повторить: не повторять}