#allcanvas{ position: relative; width: 800px; height: 600px; margin: 0px; } #canvas1{ position: absolute;? ? ? ? ? ? ? ? top: 0;? ? ? ? ? ? ? ? left: 0;? ? ? ? ? ? ? ? z-index: 1; } #canvas2{ ? ?position: absolute;? ? ? ? ? ? ? ? top: 0;? ? ? ? ? ? ? ? left: 0;? ? ? ? ? ? ? ? z-index:0 ; }
3 回答
已采納
-
Youruncle如果反過來會怎么樣 還有就是如果將top：0；換成bottom：0；有什么區別么 -
MarlboroKaytop 是距頂部的距離，bottom 是距底部的距離 top ：0 頂部距離為0；bottom：0 底部距離為0；
dollzcx
TA貢獻8條經驗 獲得超5個贊
你沒寫HTML怎么寫的 我猜是#canvas1，#canvas2都嵌套在#allcanvas里面，這樣#allcanvas作為父級元素position屬性設置為relative（相對位置），#canvas1，#canvas2兩個子元素position設置為absolute（絕對位置），
這樣做，#canvas1，#canvas2就可以相對于#allcanvas的位置保持不變，具體的相對位置 可以設置#canvas1，#canvas2的top，right，left，bottom四個屬性來做到。
比如
#canvas1{
position: absolute;
? ? ? ? ? ? ? ? top: 0;
? ? ? ? ? ? ? ? left: 0;
? ? ? ? ? ? ? ? z-index: 1;
}
這個代碼表示?#canvas1 位置保持在與#allcanvas左上角對齊的位置，另外，#canvas1的z-index屬性比#canvas2大，所以顯示的時候 從上層到下層依次是?#canvas1，#canvas2. ?。#canvas1會遮擋?#canvas2的一部分
- 3 回答
- 0 關注
- 1337 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消