我想許多朋友網(wǎng)頁制作的朋友和我一樣,都遇到過這樣的問題:"層在某個(gè)分辨率下是正常的,可是換了分辨率或調(diào)整窗口,層就錯(cuò)位,這種情況最常見的情形就是下拉菜單的制作,鼠標(biāo)移到一個(gè)項(xiàng)目上,子項(xiàng)菜單卻從另外的地方彈出來,很煩人吧?怎樣才能做到層在不同
我想許多朋友網(wǎng)頁制作的朋友和我一樣,都遇到過這樣的問題:"層在某個(gè)分辨率下是正常的,可是換了分辨率或調(diào)整窗口,層就錯(cuò)位,這種情況最常見的情形就是下拉菜單的制作,鼠標(biāo)移到一個(gè)項(xiàng)目上,子項(xiàng)菜單卻從另外的地方彈出來,很煩人吧?怎樣才能做到層在不同分辨率下不錯(cuò)位呢?" 現(xiàn)在我們來做一個(gè)鼠標(biāo)移上去就彈出菜單的效果,請看下面的例子: 第一步:新建一個(gè)二行一列的表格,為了便于我看一些特殊的元素,我們將表格的邊框定義為一;如下(新建表格的快捷鍵:ctrl+alt+T),
? |
? |
第二步:將第一行的表格分成5列,(給每列的表格定義顏色定義為紅色,并將它們的Brdr也定義為黑色)如下:
? | ? | ? | ? | ? | ? |
? |
第三步:將第一行表格的每一列輸入以下文字(給表格的文字定義一個(gè)白顏色,12號字體的CSS教程 target=_blank>CSS):
圖層一下拉菜單 | 圖層二下拉菜單 | 圖層三下拉菜單 | 圖層四下拉菜單 | 圖層五下拉菜單 | 圖層六下拉菜單 |
? |
第四步:插入層,記住要將光標(biāo)定義在第二表格里再插層,你會看到層的占位符在表格里,如下:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com