深圳網(wǎng)站制作公司提醒在網(wǎng)頁設計中,圖層是網(wǎng)頁的一個區(qū)域,在一個網(wǎng)頁中可以有多個圖層存在,它最大的魅力在于各個圖層可以重疊,并且可以決定每個圖層是否可見,同時也能夠自定義各圖層之間的層次關系。熟練掌握圖層技術,可以給網(wǎng)頁提供強大的頁面控制能力。
1.嵌套圖層
所謂嵌套圖層指的是一個圖層創(chuàng)建在另外一個圖層中,實際上制作這種嵌套圖層很簡單,只要創(chuàng)建一個父圖層之后用鼠標點擊圖層內部,再次插入一個圖層即可。不過嵌套的圖層并不意味著子圖層必須要在父圖層內部,它們之間存在著繼承關系。
繼承的作用是使子圖層的可見性和父圖層保持一致,由于很多動態(tài)網(wǎng)頁的特效是通過控制圖層的可見性來實現(xiàn)的,因此當父圖層的可見性改變時,子圖層的可見性也隨之改變。繼承關系也可以讓子圖層和父圖層的相對位置不變,比如拖曳父圖層使其移動,此時子圖層也會隨著移動,這在制作動態(tài)網(wǎng)頁的時候非常有用。
2.設置圖層順序
和表格相比,圖層的最大優(yōu)勢在于圖層可以重疊,為了表示各個圖層哪個在上面,哪個在下面,要給每個圖層設定一個序號,這個序號就是“Z-順序”,它的意思就是除了屏幕的X和Y坐標之外,人為增加一個垂直于屏幕的Z軸。
一旦在Dreamweaver中修改了AP元素的堆疊順序,也就自動確定了AP元素在Z軸上的層級位置。Z軸上的數(shù)字越大,該元素就越靠近用戶;Z軸上的數(shù)字越小,該元素就越遠離用戶。在同一位置上,如果有兩個或兩個以上的HTML元素同時存在,那么Z軸上數(shù)字最大的那個元素,必定會遮蓋那些Z軸上數(shù)字比較小的元素而單獨呈現(xiàn)在用戶面前,也就是在同一位置上,用戶只能看到Z軸上數(shù)字最大的那個元素,而看不到其他元素。
3.使用圖層建立表格
雖然使用圖層來定位網(wǎng)頁元素比使用表格方便得多,但是只有IE4.0以上版本的瀏覽器才支持圖層功能,因此為了讓使用舊版本瀏覽器的用戶也可以看到相關作品,最好的方法就是把圖層轉換為表格。網(wǎng)站制作公司本文關于“網(wǎng)站制作公司淺談層的組合應用”的知識就介紹分享到這里,謝謝關注,博納網(wǎng)絡編輯整理。