html固定div被其他div重叠

Question

我正在设计一个网站，其中我希望在顶部有一个 toolbar，无论滚动如何，toolbar div 将始终位于顶部。这是我目前所拥有的:

http://jsfiddle.net/RjHMH/85/

<div class="stuckpart">
    <button type="button">this button is fixed</button>
</div>
<div id="table_div"></div>

我正在使用 google table js 库在 table_div 中附加一个表格，但是当我向下滚动表格时，按钮位于顶部与 table 重叠。如何解决这个问题？

更具体地说:我想要的是这样的 w3school确实如此，他们的工具栏始终位于顶部。

我将如何实现这样的事情？ jsfiddle 中的一个小演示会很酷。

Answer 1

   .stuckpart{
      position:fixed;
      padding-bottom: 200px;
      z-index:100
    }

z-index 将解决您的重叠问题。