Jquery, слайдер Nivo перекрывает выпадающее меню - PullRequest
Новая
       4

Jquery, слайдер Nivo перекрывает выпадающее меню

8 голосов
/ 12 февраля 2011

У меня есть этот веб-сайт, где я использую как nivoslider, так и свое собственное выпадающее меню, но, как это бывает, когда слайдер показывает картинку, меню открывается за слайд-шоу. Это можно увидеть на сайте, над которым я работаю, если вы наводите «Bilservice»

http://tantobil.se/

Я пробовал z-index, а что нет, но я не могу заставить его работать? это что-то, что мне здесь не хватает? вся помощь очень ценится

Ответы [ 4 ]

9 голосов
/ 12 февраля 2011

чтобы исправить с помощью chrome, попробуйте изменить свою таблицу стилей CSS style.css в строке 148, добавив z-index: -50; 

#slideshow {
  margin-top: 30px;
  height: 270px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid black;
  background-color: #999;
  overflow: hidden;
  z-index: -50;
}
5 голосов
/ 23 октября 2012

Совершенно верно, ваш Z-индекс "подкатегории / выпадающего меню" должен быть выше, чем z-индекс nivoslider, который по умолчанию равен 10.

просто исправьте z-index: 9999;для выпадающего меню и если .nivoslider имеет значение, отличное от 10, убедитесь, что z-index вашего меню выше, чем nivoslider.

2 голосов
/ 12 февраля 2011

Класс .nivo_slice имеет более высокий z-индекс, чем раскрывающийся список. Если вы измените его так, чтобы подменю имело более высокий z-индекс, чем класс .nivo_slice, оно должно исправить это.

1 голос
/ 07 июня 2011

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

Посмотрите в шаблоне css и проверьте z-index вашего меню, а затем проверьте:

.. / WP-содержание / плагины / легкий Nivo слайдер / третья сторона / Nivo-slider.css

.. / WP-содержание / плагины / легкий Nivo слайдер / CSS / простой Nivo-slider.css

Просто убедитесь, что в вашем меню z-index значение выше, чем у ползунка. У меня это сработало.

...