您现在的位置是：网站首页> 编程资料编程资料

支持IE6 IE7 Firefox 的纯CSS的下拉菜单_经验交流_

2023-05-25 229人已围观

简介支持IE6 IE7 Firefox 的纯CSS的下拉菜单_经验交流_

/upload/20081130212136171.jpg

<meta http-equiv="Content-Type" c><title>纯CSS的下拉菜单 支持IE6 IE7 Firefox </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 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;} </style><div class="menu"><ul><li><a href="">XHTML/CSS <ul><li><a href="">标准</a></li><li><a href="">教程</a></li><li><a href="">技术文章</a></li><li><a href="">常见问题</a></li><li><a href="">布局教程专题</a></li><li><a href="">CSS菜单</a></li><li><a href="">浏览器兼容</a></li><li><a href="">滚动条相关</a></li><li><a href="">圆角矩形专题</a></li><li><a href="">CSS特效欣赏专题</a></li></ul></li><li><a href="">AJAX <ul><li><a href="">AJAX教程</a></li><li><a href="">AJAX技术</a></li></ul></li><li><a href="">Javascript <ul><li><a href="">JSON</a></li><li><a href="">技术文章</a></li></ul></li><li><a href="">DOM</a></li><li><a href="">XML</a></li><li><a href="">正则表达式 <ul><li><a href="">正则表达式简介</a></li><li><a href="">正则表达式之道</a></li></ul></li><li><a href="">网站优化</a></li><li><a href="">电脑网络</a></li><li><a href="">建站技术 <ul><li><a href="">PHP</a></li><li><a href="">ASP</a></li><li><a href="">ASP.NET</a></li><li><a href="">JSP</a></li><li><a href="">SQL</a></li><li><a href="">Flash</a></li><li><a href="">Dreamweaver</a></li></ul></li></ul></div><a href="https://www.jb51.net" target="_blank"> 2007-4-16</a> css drop down menu

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

上一篇：IE下href 的 BUG问题_经验交流_

下一篇：firefox的超链接点击去除扩大的难看虚线的解决方法_经验交流_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网