设置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顶部

回答

相关问题