支持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

您可能感兴趣的文章:

• 用CSS实现下拉菜单的多种方法
• css+js下拉菜单
• 网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
• jQuery+CSS 实现的超Sexy下拉菜单
• JS+CSS 制作的超级简单的下拉菜单附图
• jQuery结合CSS制作漂亮的select下拉菜单
• js+css实现超简洁的二级下拉菜单效果代码
• 一个css与js结合的下拉菜单支持主流浏览器
• js+CSS实现模拟华丽的select控件下拉菜单效果
• 纯css下拉菜单 无需js