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