#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 回答
已采納
MarlboroKay
TA貢獻(xiàn)189條經(jīng)驗(yàn) 獲得超236個(gè)贊
一般的絕對(duì)定位定位，外層都是包一個(gè)相對(duì)。
因?yàn)閍bsolute相對(duì)于父級(jí)元素定位。不占用原來(lái)的位置。
望采納！
-
Youruncle如果反過(guò)來(lái)會(huì)怎么樣 還有就是如果將top：0；換成bottom：0；有什么區(qū)別么 -
MarlboroKaytop 是距頂部的距離，bottom 是距底部的距離 top ：0 頂部距離為0；bottom：0 底部距離為0；
dollzcx
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超5個(gè)贊
你沒(méi)寫(xiě)HTML怎么寫(xiě)的 我猜是#canvas1，#canvas2都嵌套在#allcanvas里面，這樣#allcanvas作為父級(jí)元素position屬性設(shè)置為relative（相對(duì)位置），#canvas1，#canvas2兩個(gè)子元素position設(shè)置為absolute（絕對(duì)位置），
這樣做，#canvas1，#canvas2就可以相對(duì)于#allcanvas的位置保持不變，具體的相對(duì)位置 可以設(shè)置#canvas1，#canvas2的top，right，left，bottom四個(gè)屬性來(lái)做到。
比如
#canvas1{
position: absolute;
? ? ? ? ? ? ? ? top: 0;
? ? ? ? ? ? ? ? left: 0;
? ? ? ? ? ? ? ? z-index: 1;
}
這個(gè)代碼表示?#canvas1 位置保持在與#allcanvas左上角對(duì)齊的位置，另外，#canvas1的z-index屬性比#canvas2大，所以顯示的時(shí)候 從上層到下層依次是?#canvas1，#canvas2. ?。#canvas1會(huì)遮擋?#canvas2的一部分
添加回答
舉報(bào)
0/150
提交
取消