我想许多朋友网页制作的朋友和我一样,都遇到过这样的问题:"层在某个分辨率下是正常的,可是换了分辨率或调整窗口,层就错位,这种情况最常见的情形就是下拉菜单的制作,鼠标移到一个项目上,子项菜单却从另外的地方弹出来,很烦人吧?怎样才能做到层在不同
我想许多朋友网页制作的朋友和我一样,都遇到过这样的问题:"层在某个分辨率下是正常的,可是换了分辨率或调整窗口,层就错位,这种情况最常见的情形就是下拉菜单的制作,鼠标移到一个项目上,子项菜单却从另外的地方弹出来,很烦人吧?怎样才能做到层在不同分辨率下不错位呢?" 现在我们来做一个鼠标移上去就弹出菜单的效果,请看下面的例子: 第一步:新建一个二行一列的表格,为了便于我看一些特殊的元素,我们将表格的边框定义为一;如下(新建表格的快捷键:ctrl+alt+T),
? |
? |
第二步:将第一行的表格分成5列,(给每列的表格定义颜色定义为红色,并将它们的Brdr也定义为黑色)如下:
? | ? | ? | ? | ? | ? |
? |
第三步:将第一行表格的每一列输入以下文字(给表格的文字定义一个白颜色,12号字体的CSS教程 href="http://www.blue1000.com/bkhtml/c23/" target=_blank>CSS):
图层一下拉菜单 | 图层二下拉菜单 | 图层三下拉菜单 | 图层四下拉菜单 | 图层五下拉菜单 | 图层六下拉菜单 |
? |
第四步:插入层,记住要将光标定义在第二表格里再插层,你会看到层的占位符在表格里,如下: