設(shè)置層的屬性
選中要設(shè)置的層,就可以在屬性面板中設(shè)置層的屬性了。
層編號(hào):給層命名,以便在“層”面板和 JavaScript 代碼中標(biāo)識(shí)該層。
左、上:指定層的左上角相對(duì)于頁面(如果嵌套,則為父層)左上角的位置。
寬、高:指定層的寬度和高度。如果層的內(nèi)容超過指定大小,層的底邊緣(按照在Dreamweaver設(shè)計(jì)視圖中的顯示)會(huì)延伸以容納這些內(nèi)容。(如果“溢出”屬性沒有設(shè)置為“可見”,那么當(dāng)層在瀏覽器中出現(xiàn)時(shí),底邊緣將不會(huì)延伸。
Z軸:設(shè)置層的層次屬性。在瀏覽器中,編號(hào)較大的層出現(xiàn)在編號(hào)較小的層的前面。值可以為正,也可以為負(fù)。當(dāng)更改層的堆疊順序時(shí),使用“層”面板要比輸入特定的 z 軸值更為簡便
可見性:在“可見性”下拉列表中,設(shè)置層的可見性。使用教本語言如JavaScrip可以控 制層的動(dòng)態(tài)顯示和隱藏。有四個(gè)選項(xiàng):
Default——選擇該選項(xiàng),則不指明層的可見性。
Inherit——選擇該選項(xiàng),可以繼承父層的可見性。
Visible——選擇該選項(xiàng), 可以顯示層及其包含的內(nèi)容,無論其父級(jí)層是否可見。
Hidden——選擇該選項(xiàng),可以隱藏層及其包含的內(nèi)容,無論其父級(jí)層是否可見。
背景顏色:用來設(shè)置層的背景顏色。
背景圖像——用來設(shè)置層的背景圖像。
溢出——選擇當(dāng)層內(nèi)容超過層的大小時(shí)的處理方式。有四個(gè)選項(xiàng):
Visible(顯示):選擇該選項(xiàng),當(dāng)層內(nèi)容超出層的范圍時(shí),可自動(dòng)增加層尺寸。
hidden(隱藏): 選擇該選項(xiàng),,當(dāng)層內(nèi)容超出層的范圍時(shí),保持層尺寸不變,隱藏超出部分的內(nèi)容。
scroll(滾動(dòng)條): 選擇該選項(xiàng),則層內(nèi)容無論是否超出層的范圍,都會(huì)自動(dòng)增加滾動(dòng)條。
auto(自動(dòng)): 選擇該選項(xiàng),,當(dāng)層內(nèi)容超出層的范圍時(shí),自動(dòng)增加滾動(dòng)條(默認(rèn))
剪輯:設(shè)置層的可視區(qū)域。通過上、下、左、右文本框設(shè)置可視區(qū)域與層邊界的像素值。層經(jīng)過“剪輯”后,只有指定的矩形區(qū)域才是可見的。
類:在類的下拉列表中,可以選擇已經(jīng)設(shè)置好的CSS樣式或新建CSS樣式。
注意:位置和大小的默認(rèn)單位為像素 (px)。也可以指定以下單位:pc (pica)、pt(點(diǎn))、in(英寸)、mm(毫米)、cm(厘米)或 %(父層相應(yīng)值的百分比)?s寫必須緊跟在值之后,中間不留空格:
使用層制作特效我們?cè)趧?chuàng)建網(wǎng)頁的時(shí)候,可以發(fā)現(xiàn)層可以在網(wǎng)頁上隨意改變位置,在設(shè)定層的屬性的時(shí),可以知道層有顯示隱藏的功能,通過這兩個(gè)特點(diǎn)可以實(shí)現(xiàn)很多令人激動(dòng)的網(wǎng)頁動(dòng)態(tài)效果。