展開一個div來覆蓋另一個div

我使用jQuery來擴展div，同時將它懸停，因此它覆蓋了頁面的整個寬度。它包含一張大桌子，我需要建立一個低分辨率，但實際上每個人都有更高的比例，所以這是一個可接受的解決方法。我的問題是，div跳到其他div下面，而不是覆蓋它們，因爲我希望它。任何人都知道這可以實現嗎？展開一個div來覆蓋另一個div

我創建它的的jsfiddle所以你得到的主要思想：http://jsfiddle.net/MRNxt/1/

哈弗灰色框，使之擴大到涵蓋＃asd2在側邊欄，而不是它下面的權利。

來源

2012-05-30 olofom

檢查此琴：http://jsfiddle.net/MRNxt/4/

該解決方案包括擴大和帶離倒塌時，當加入絕對定位日誌股利。還包括一個小的修復程序，以避免閃爍，而動畫。

來源

2012-05-30 12:21:20 techfoobar

這很好，但我改變了動畫變量並使用過濾器（'：not（：animated） '）：http://jsfiddle.net/MRNxt/9/ – olofom

添加這個CSS：

#asd2{ 
position:absolute; 
z-index:-1;   
} 
#log{ 
    background:white; 
}

例子：http://jsfiddle.net/MRNxt/2/

來源

2012-05-30 12:21:03 Puyol

謝謝，這很好，但只適用於＃asd2，如果#asd是多行，如果跳轉無論如何。我需要一個動態的解決方案，因爲我不知道盒子的內容（並且真實系統中有更多的盒子） – olofom

是否有使用像lightbox/thickbox這樣的東西不合適的理由？

另外，你需要玩弄絕對定位和Z指數。在製作動畫之前，我建議找出理想的佈局。把它放在CSSEdit/Firebug /中，以便你的盒子正好在你想要的位置，然後將它添加到動畫腳本中很簡單。

或者只是使用現成的燈箱。

來源

2012-05-30 12:22:50

佈局已經完成，動畫不是重要的東西，它是在其他窗口上可見的。我對某些東西使用fancybox，但這需要在任何時候都可見而不需要點擊任何地方。 – olofom

不，我的意思是建立二次佈局 - 一切都放大了。這樣你就會知道你需要轉換到哪些css。一旦你做完了，一切都會變得簡單。 –

好吧，我明白了，是的，這可能是最好的辦法，但這是唯一需要完成的事情，所以現在完成了。如果它不應該是一個內部工具，那麼是的，那就是要走的路。 – olofom

這會不會是完美的答案：

http://jsfiddle.net/MRNxt/7/

但在這裏我用了一個子容器，讓你有一個100％的寬度和一些邊境。

來源

2012-05-30 12:28:53 BiAiB

不幸的是，這並不比我原來的解決方案更好。 – olofom

展開一個div來覆蓋另一個div

回答

相關問題