設置z-index頂部

Question

我的網站右側有一個“向下”按鈕，可以平滑地滾動到下面的折疊區域。 但在較小的窗戶; 上網本，ipads等 - 按鈕被推到內容后面。 我怎樣才能正確設置該圖像/ div的z-index，以便在較小的屏幕上顯示時它出現在內容上方？

Answer 1

z-index必須高於你想要的DOM對象的z-index。 此外，需要將poistion設置為relative（position：relative;）。 默認情況下，所有DOM對象的z-index均為0。

Answer 2

z-index越高，div / img在其余部分前面越多。 如果你想確保你的按鈕在其余的前面，請使用9999。

Answer 3

其他評論是正確的，您的按鈕需要比其他內容更高的z-index。 以下是一個例子。

<body>
   <style type="text/css>
      .content
      {
         position:relative;
         z-index:1;
      }
      .button
      {
         position:relative;
         z-index:10;
      }
   </style>
   <div class="content">
      Content
   </div>
   <a class="button">
      Button
   </a>
</body>

設置z-index頂部

問題描述

3 個解決方案

解決方案1
2 2011-12-20 19:44:33

解決方案2
1 已采納 2011-12-20 19:44:36

解決方案3
1 2011-12-20 20:07:01

設置z-index頂部

問題描述

3 個解決方案

解決方案1 2 2011-12-20 19:44:33

解決方案2 1 已采納 2011-12-20 19:44:36

解決方案3 1 2011-12-20 20:07:01

解決方案1
2 2011-12-20 19:44:33

解決方案2
1 已采納 2011-12-20 19:44:36

解決方案3
1 2011-12-20 20:07:01