0

Мое выпадающее меню (http://tornaia.com) отображается за логотипом, т.е. 7, и т. Е. 8 (не в firefox, то есть 9 или хром).Выпадающее меню, отображающееся за логотипом, т.е. 7 и 8

Скрин в IE7: (http://tornaia.com/wp-content/uploads/2013/07/Logo_menu_ie.jpg)

Снимок экрана в светлячок, что это должно выглядеть следующим образом: (http://tornaia.com/wp-content/uploads/2013/07/Logo_menu_firefox.jpg)

Я читал, что это может быть вызвано г-значениями, но я m не совсем уверен, как и где их менять. Мои лучшие предположения были бы в headere.php: (http://pastebin.com/rTxzSNFx) или methods.php: (http://pastebin.com/tpD6MFuM).

Кто может мне помочь? Спасибо!

ответ

1

Дайте вашему логотипу z-индекс меньше, чем у вашего UL, который был похож на 99. Я верю. Вот что вы в настоящее время

.logo-image { 
    position: relative; 
} 

попробовать

.logo-image { 
    position: relative; 
    z-index: -1; 
} 

файл, который нужно ссылаться для редактирования можно найти здесь http://tornaia.com/wp-content/themes/rumput-hijau/style.css

+1

Спасибо за ответы! Я попробовал то, что вы сказали, но это не сработало. Я также попытался вставить ваш код с другими подобными элементами: '.site-title { position: relative; z-index: 1; } . Сайт-брендинг { позиция: относительная; z-index: 1; } ', но это не сработало. Кстати, я нашел это в том же файле: '.nav li.hover ul { left: 0; наверх: 2.5em; z-index: 99; } 'Итак, я думаю, что вы правы, что ul имеет z-index 99. – Marteens

+0

Попробуйте установить z-index .logo-image на -1 ... Я обновил код выше, если вы просто хотите скопировать и на странице – Banning

+1

Это сработало ! Отлично, спасибо! :) – Marteens