Как скрыть кнопки ползунка за подменю?

Question

В wordpress я использую плагин Skitter Slideshow, но когда я открываю верхнее меню: и отображение подменю на слайдере, следующая кнопка не скрывается за подменю. Для получения дополнительной информации я включил изображение, и вы можете увидеть ссылки на изображение в конце этого вопроса: Изображение 1 по умолчанию и без отображения меню, но в 2-х изображениях вы можете увидеть следующую кнопку слайдера в подменю buttun css code is:

background: url("../images/blog-felesh-r1.png") no-repeat scroll left top rgba(0, 0, 0, 0); 
height: 53px; 
overflow: hidden; 
position: absolute; 
right: 35px; 
text-indent: -9999em; 
top: 317px; 
width: 53px; 
z-index: 10000; 

изображение для получения дополнительной помощи: Перед меню отображения: http://up.tractorfc.com/images/50135186097250441245.png

после меню открытого: http://up.tractorfc.com/images/85386592157969197947.png

Answer 1

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

как:

#nav{z-index:3} 
#slider{z-index:2} 

Они каждый из них также нуждаются в position из relativeabsolute или fixed, для г-индекс вступили в силу.

Это будет работать, даже если вы держите z-index от 10000 на кнопках, я добавил, что в скрипке, чтобы показать, что это не проблема.

Вам не нужно иметь z-index до 10000, если вы никогда не захотите что-то поверх него, но в этом случае это даже не имеет значения.

Сделана скрипка: http://jsfiddle.net/filever10/a497M/

Answer 2

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