Мое раскрывающееся меню скрывается за DIV

В настоящее время я использую тему для wordpress под названием скорость. Я работаю внутри компании, поэтому моего веб-сайта сейчас нет в сети. Но вы можете увидеть предварительный просмотр темы в реальном времени здесь.

Проблема в том, что мое раскрывающееся меню скрывается за этим DIV, который автоматически создается темой. Я пробовал использовать z-index для обоих элементов, но это не сработало.

Я не менял код меню, поэтому сейчас оно должно быть похоже на предварительный просмотр в теме.

Код, который я назначил своему DIV (изображение), был следующим:

    .title {
background-color:#291d1d;
width:100%;
margin-left:auto;
margin-right:auto;
background-color:#120404;
opacity:0.7;
padding:20px;
border-radius:5px;
opacity:0.7;
padding-top:40px !important;}

Вот скриншот: http://i.stack.imgur.com/Gb4We.png

Есть идеи по решению этого?


person Leonor    schedule 24.03.2014    source источник
comment
Можете ли вы предоставить код на Fiddle ...?   -  person Pradeep Pansari    schedule 24.03.2014
comment
Пожалуйста, используйте zindex в CSS для меню и верхнего div   -  person Praveen Shekhawat    schedule 24.03.2014
comment
Решенный id. Мой DIV находится внутри строки, автоматически созданной темой, и я поставил z-index: 0, и это было решено!   -  person Leonor    schedule 24.03.2014


Ответы (3)


вы можете попробовать это:

позиция: абсолютная; z-индекс: 9999999;

Примените это в своем раскрывающемся классе UL

Спасибо

person Community    schedule 24.03.2014

Установите более высокое значение z-index для вашего меню.

ex: z-index:999;

person ciprian2301    schedule 24.03.2014

Указанный вами zindex был недостаточно большим, вероятно, вам нужно проверить, какой z-индекс div, а затем увеличить его из меню, если не уверены, какой zindex используется в div изображения, как действительно большое число, например

z-index: 9999999999;
person TheCodeDestroyer    schedule 24.03.2014
comment
Решенный id. Мой DIV находится внутри строки, автоматически созданной темой, и я поставил z-index: 0, и это было решено! Спасибо! - person Leonor; 24.03.2014