如何隱藏浮動div

Question

現在我在我的網站左側有一個浮動框，它包含一個絆倒，臉書，twitter分享代碼。

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

} 
#fixme { position: fixed; } 

它保持放在你滾動但我希望它消失，如果頁腳顯示。

我有一個960像素寬的頁面，浮動框顯示很大，但頁腳是100％寬，框中包含頁腳。

所以如果我的頁腳是300px高我怎麼能隱藏浮動框如果我是從頁面底部少於300像素？

Answer 1

嘗試使用z-index屬性。

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

請張貼您的更多代碼。或者使用http://jsfiddle.net

Answer 2

請注意，z-index解決方案可能是您想要的，但只有頁腳是固定位置面板的同級元素（不完全...只是必須位於相同的「堆疊環境」）。

你可能想要做footer {position：relative; z-index：2;}，除非它已經被絕對定位。

如果你不喜歡面板後面的頁腳，唯一的理智的方式，你可以讓面板停止滾動之前頁腳是與JavaScript。