求单纯css导航栏下拉菜单效果代码讲解

来源：百度知道 编辑：UC知道 时间：2024/06/16 09:53:09
求单纯css导航栏下拉菜单效果代码讲解

不要使用JS，只是单纯的css实现下拉菜单效果。最好带上讲解，实现的原理。复制别人的就算了。

回答精彩追加50分，谢谢！

一楼的microji,你的下拉菜单很经典,非常谢谢!加入收藏了.

纯CSS的下拉菜单 支持IE6 IE7 Firefox,楼主复制看看吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.menu{font-size:12px;position:relative;z-index:100;}
.menu ul{list-style:none;}
.menu li {float:left;position:relative;}
.menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}
.menu t