css выпадающее меню идет под слайд-шоу

Question

Я создаю выпадающее меню css css3. После этой навигации на странице есть слайд-шоу. проблема заключается в том, что когда я нахожу падающие меню, это происходит под слайд-шоу, в результате выпадающие элементы не видны.

Я не знаю, где исправить, навигация или слайд-шоу?

Вот код для слайд-шоу:

.sp-slideshow { 
position: relative; 
margin: 10px auto; 
width: 100%; 
max-width: 1000px; 
min-width: 260px; 
height: 360px; 
color:#000; 

Answer 1

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

и пример был бы:

HTML

<div class="nav"> 

</div> 
<div class="content"> 
    <div class="slider"> 

    </div> 
</div> 

CSS

.nav{ 
    z-index:100; 
} 

.slider{ 
    z-index:80; 
} 

Свойство Z-индекс определяет порядок стека элемента.

Элемент с большим порядком стека всегда находится перед элементом с более низким порядком стека.

Примечание: z-индекс работает только с расположенными элементами (положение: абсолютное, положение: относительное или положение: фиксированное).

Надеюсь, что это помогло, дайте мне знать, если это не так.

Cheers Marco.

Answer 2

Это трудно, чтобы помочь вам, без разметки и только несколько строк CSS, но попытаться применить Z-индекс в раскрывающемся меню.

dropdown class or id { 
    position: relative or absolute; 
    z-index: 1000; 
}