如何隐藏浮动div

Question

现在我的网站左侧有一个浮动框，其中包含一个绊倒，facebook，twitter共享代码。

#fixmetoo {
    position: absolute;
    right: 30px;
    top: 0px;

}
#fixme { position: fixed; }

滚动时它会保持不变，但如果页脚显示，我希望它消失。

我的页面宽度为960像素，浮动框显示效果很好，但页脚宽度为100％，并且框覆盖了页脚。

所以，如果我的页脚高度为300px，如果我距离页面底部不到300像素，我怎么能隐藏浮动框？

Answer 1

请注意，z-index解决方案可能就是你想要的，但只有当页脚是固定位置面板的兄弟元素时才会起作用（不完全......只需要在相同的'堆叠上下文中） “）。

但是你可能想要制作页脚{position：relative; z-index：2;}，除非它已经绝对定位。

如果您不喜欢页脚后面的面板，那么只有这样才能让面板在页脚使用javascript之前停止滚动。

Answer 2

尝试使用z-index属性。

#footer{ position:absolute; z-index:2; }
#fixme{ z-index:1; }

请发布更多代码。或者使用http://jsfiddle.net