支持IE6 IE7 Firefox 的纯CSS的下拉菜单


            
 
 

 
 
纯CSS的下拉菜单 支持IE6 IE7 Firefox  

 
*{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 table {position:absolute; top:0; left:0;} 
.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible;} 
.menu a{display:block;border:1px solid #aaa;background:red;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;} 
.menu a:hover{background:#f2cdb0;color:#f00;border:1px solid red;} 
.menu ul ul{} 
.menu ul ul li {clear:both;text-align:left;font-size:12px;} 
.menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;border-bottom:1px solid red;} 
.menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #fff;} 
 
 

 

 
 
XHTML/CSS 
 
 
 
标准 
教程 
技术文章 
常见问题 
布局教程专题 
CSS菜单 
浏览器兼容 
滚动条相关 
圆角矩形专题 
CSS特效欣赏专题 
 
 
 
AJAX 
 
 
 
AJAX教程 
AJAX技术 
 
 
 
Javascript 
 
 
 
JSON 
技术文章 
 
 
 
DOM 
XML 
正则表达式 
 
 
 
正则表达式简介 
正则表达式之道 
 
 
 
网站优化 
电脑网络 
建站技术 
 
 
 
PHP 
ASP 
ASP.NET 
JSP 
SQL 
Flash 
Dreamweaver 
 
 
 
 
 



 
 2007-4-16 
css drop down menu 
 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]