h1文字出現在側滑導航欄上方

Question

我正在嘗試製作一個移動友好網站，其中包含一個菜單，當點擊按鈕時從側面滑出。我使用Bootstrap進行幻燈片放映，其中包含圖像上的h1文字。就像在這張照片中一樣（沒有足夠的聲望點直接放入，不好意思）http://i.imgur.com/ODbbCKN.png。請注意，這不是在移動瀏覽器/設備上進行的，而是在Google Chrome上進行的。

問題是幻燈片上的文字和點擊點重疊了菜單，我不希望發生這種情況。我想讓菜單清晰乾淨，沒有那個。

我試圖使用z-index值來解決這個問題，但不管我分配給每個值是什麼。有什麼建議麼？

Answer 1

好消息！我發現了這個問題。我試圖將z-index僅應用於h1元素，因爲那是菜單重疊的部分。我試着而不是給整個引導輪播1的z-index，加入：

#myCarousel { 
z-index: 1; 
} 

爲了我的CSS網頁。並且還指定構成滑動菜單的所有元素的z-index值爲9.

Answer 2

使用z-index時，您必須確保您嘗試應用z-index的元素必須具有非靜態位置，例如position：relative;或位置：絕對;