爱学记
如何取消下拉菜单格式 CSS下拉菜单的问题
CSS下拉菜单的问题
你这代码写的比较乱啊 我帮你改了一下
这个导航适用于 IE7/8 firefox Safari Opera
唯一不适用于IE6，用纯css写导航必须有2套代码。
IE6不识别a之外的伪类。
或者用<!--[if IE 6]><!--[end if ]>嵌套一个table写法。
<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3/TR/x1/DTD/x1-strict.dtd">
< xmlns="w3/1999/x">
<head>
<meta -equiv="Content-Type" content="text/; charset=utf-8" />
<title>52css</title>
<style type=text/css>
ul, li {
list-style-type:none;
padding:0;
margin:0;
}
#bar {
width:1000px;
height:30px;
border:2px solid black;
}
#bar ul li {
float:left;
padding:0 15px;
border:1px solid red;
height:25px;
margin-left:13px;
margin-top:3px;
position:relative;
}
#bar ul ul {
display:none;
width:200px;
position:absolute;
top:26px;
left:-15px;
}
#bar ul li:hover ul {
display:block;
}
</style>
</head>
<body>
<div id="bar">
<ul>
<li><a href="#">222222</a>
<ul>
<li class="displayli">33333333333333</li>
<li class="displayli">33333333333333</li>
<li class="displayli">33333333333333</li>
<li class="displayli">33333333333333</li>
<li class="displayli">33333333333333</li>
<li class="displayli">33333333333333</li>
</ul>
</li>
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
<li><a href="#">222222</a></li>
</ul>
</div>
</body>
</>
微信收款码
支付宝收款码