Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

c/vc/c++语言

点击排行

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

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

来源:中文源码网    浏览: 次    日期:2018年9月2日
【下载文档:  支持IE6 IE7 Firefox 的纯CSS的下拉菜单.txt 】
(友情提示:右键点上行txt文档名->目标另存为)


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

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

精彩推荐

相关内容