h1 текст появляется над навигационной панелью с боковой раздвижкой

Question

Я пытаюсь создать мобильный сайт, в котором есть меню, которое открывается со стороны при нажатии кнопки. Я использую Bootstrap для слайд-шоу, который включает h1 текст на изображения. Как на этой картинке (не хватает очков репутации, чтобы поместить ее прямо, извините) http://i.imgur.com/ODbbCKN.png. Обратите внимание, что это не было сделано в мобильном браузере/устройстве, а в Google Chrome.

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

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

Answer 1

Хорошие новости! Я нашел проблему. Я пытался применить z-index только к элементам h1, потому что это было то, что перекрывало меню. Я попытался вместо указания всего Bootstrap Carousel Z-индекс 1, добавив:

#myCarousel { 
z-index: 1; 
} 

На моей странице CSS. А также присваивание всем элементам, составляющим скользящее меню, значение z-индекса 9.

Answer 2

При использовании z-index вы должны убедиться, что элемент, который вы пытаетесь применить z-index, должен иметь положение, отличное от статического, например position: relative; или положение: абсолютное;