我有一個頁面上的兩個div元素。 如何讓一個div浮在另一個彈出窗口上?使一個div浮動另一個
27
A
回答
27
使用position:absolute;
並將「彈出」一個設置爲位於另一個的邊界內。 「popup」div應該也可能更小。
使用z-index
將「彈出」一個放在另一個之上(給它一個較高的值爲z-index
)。
如果您想讓內部div看起來像是真正漂浮在另一個之上,請創建一個類似border-right:2px solid black
和border-bottom:2px solid black
的陰影。
如果你想讓它實際彈出/出現/消失,你將需要使用一些腳本。
3
然後使用CSS的Z-index屬性是這樣的:
div1 {
z-index:1000;
}
div2 {
z-index:1001;
}
最高z索引元件將在頂部顯示。
7
我認爲將position
設置爲fixed
將使其保持可見狀態,即使用戶滾動。您可以使用「頂部」,「左側」和「右側」屬性來設置位置。我使用的「測試版」標識的CSS基本上是你要求的是這樣的:
.fixed{
position:fixed;
top:0px;
right:0px;
width:100px;
}
相關問題
- 1. 浮動一個div對齊另一個
- 2. 在另一個DIV中浮動DIV
- 3. 浮動DIV適合另一個DIV
- 4. 問題,我不能浮動一個DIV旁邊另一個DIV
- 5. 浮動div開始下面另一個全寬浮動div
- 6. CSS - 如何浮動另一個div在另一個不重疊
- 7. 流動一浮動div圍繞另一個div高度設置
- 8. CSS在另一個位置的一個DIV是浮動:左
- 9. 移動一個div到另一個DIV
- 10. 一個浮動的div
- 11. 將另一個div移動另一個
- 12. 使一個div浮動其他內容
- 13. 獲得一個浮動div在到達另一個div時停止
- 14. 如何浮動4 div在另一個div
- 15. 拉伸div在浮動另一個div後
- 16. 讓div浮動到另一個div的問題
- 17. 浮動圖像滲出其div容器到另一個div
- 18. 設置在另一個div內浮動的div高度100%
- 19. 爲什麼兩個浮動div都站在另一個之下?
- 20. 在一個內容div上浮動一個包含三個div的div div
- 21. 兩個div向左浮動,一個向右浮動
- 22. 如何使一個DIV浮動另一個DIV的頂部沒有向下推動的CSS下方
- 23. 另一個DIV
- 24. 另一個DIV
- 25. 浮動一個div,不影響設計
- 26. 浮動下一個div圍繞
- 27. 在另一個元素頂部位置浮動div
- 28. DIV自動在另一個DIV上面
- 29. Div滑動在另一個div上
- 30. 如何將一個div放在另一個具有浮點的div下:right
嗯......我想你想要使用[lightbox](http://leandrovieira.com/projects/jquery的/收藏夾/)。 – Cygnusx1