Python语言

微信小程序

php语言

jsp语言

asp语言

C#/.NET

html5/css

javascript

c/vc/c++语言

点击排行

您现在的位置:首页 > 技术文档 > CSS

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

来源:中文源码网    浏览: 次    日期:2018年9月2日
【下载技术文档:  支持IE6 IE7 Firefox 的纯CSS的下拉菜单 】


支持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需刷新才能执行]

亲,试试微信扫码分享本页! *^_^*

精彩推荐

相关内容