設置z-index頂部

我在我的網站右側有一個「向下」按鈕，可以平滑地滾動到下方的摺疊區域。但在較小的窗口中;上網本，iPad等 - 該按鈕被推到內容後面。如何正確設置該圖像/ div的z-index，以便在較小的屏幕上查看它時，它會顯示在內容上方？設置z-index頂部

來源

2011-12-20 Fred Randall

z-index越高，其餘div/img越多。如果你想確保你的按鈕在其他的前面使用9999.

來源

2011-12-20 19:44:36 Spikey21

z-index必須高於你想要的DOM對象的z-index。此外，該位置需要設置爲相對（位置：相對;）。默認情況下，所有DOM對象的z索引爲0.

來源

2011-12-20 19:44:33

其他評論是正確的，你的按鈕需要有比其他內容更高的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>

來源

2011-12-20 20:07:01

至少有一些例子，謝謝。 – 2011-12-20 20:21:59

設置z-index頂部

回答

相關問題