網頁設計 妙用“相對”實現網頁圖層位實定位_主頁制作_網上學園_科技時代

妙用“相對”實現網頁圖層位實定位 2002/08/01 ,
台中網頁設計;11:58 賽迪網–中國電腦教育報

  文/王新禧

  在網頁制作中,我們常會遇到這樣的問題:圖片分辨率一旦變大、窗口最大化之後,圖層就錯位了。而使用菜單插入層的時候,這個層就會與它的上級元素相對定位,一旦移動它,它就會馬上變成絕對定位。這個問題雖小,但在實際應用過程中還是會給網頁設計者帶來一些麻煩。

  其實,造成圖層錯位的核心是母層與子層的問題。只要使母層相對於某點定位,而子 層相對於母層定位,就可以達到層的相對定位這個目標了。

  先在頁面內插入表格(可以設居中),鼠標在某單元格內點一下,然後通過菜單插入一個層,這個層就相對於這個單元格定位了。插入一個層之後,不要動它,“無人酒店”來了 Xbed能否化解傳統酒店的成本焦慮,而且永遠也不要動,13個創意家居設計 小戶型裡“擠”出個工作間 (5),但是可以更改它的大小,比如把它的高與寬都改成“0”,讓它不再影響你對其他內容的編輯,否則,這個層的“Left”與“Top”屬性出現之後就成了絕對定位了。如果變成絕對定位,1—8月貴州省重大工程和重點項目完成投資6012.3億元 貴州省 工程 計劃,你可以把它的“Left”與“Top”屬性去掉,就恢復成相對定位了。變成“0”之後,有時子層會看不見,可以按“F11”鍵點它恢復編輯。現在光標應該在這個層內閃動,再通過菜單插入子層,這時子層與母層重疊,你可以隨意移動它。

  不筦怎麼動,它都是相對於母層定位的。至此問題也就解決了。不過要注意不要動“Left”與“Top”屬性,因為它是相對於母層的左上角定位的。

  技巧:先插入一個表格,在其中一個單元格中插入母層,可以把它定得小一點,比如說20像素寬、10像素高,這樣它就不會蓋住下面的鏈接,也不影響子層的相對定位。如果要用778像素寬定義表格,可以把母層插入到表格的第一行第一個單元格中,這樣就可以在所有層制作完後插入母層了!

  (責任編輯沖鋒隊)

  

【發表評論】【初學者園地】【科技聊天】【關閉窗口】