css首行菜单和二级菜单不能对其显示呀,解决了加分
<styletype="text/css">#menuulli{float:left;padding:0px8px;height:26px;line-height:26p...
<style type="text/css">
#menu ul li { float:left; padding: 0px 8px; height: 26px; line-height: 26px; }
#menu ul li a:hover{ background:#999999;}
#menu ul li a#current{ background:#990000;}
#menu ul li ul { border:1px solid #ccc; list-style:none; float:none;}
#menu ul li ul li { float:none; width:85px; height:26px; background:#eee; margin:0;}
#menu ul li ul li a:hover { background:#333; color:#fff;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">web教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div> 展开
#menu ul li { float:left; padding: 0px 8px; height: 26px; line-height: 26px; }
#menu ul li a:hover{ background:#999999;}
#menu ul li a#current{ background:#990000;}
#menu ul li ul { border:1px solid #ccc; list-style:none; float:none;}
#menu ul li ul li { float:none; width:85px; height:26px; background:#eee; margin:0;}
#menu ul li ul li a:hover { background:#333; color:#fff;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">网页版式</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">web教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div> 展开
展开全部
#menu ul{ list-style:none;}
#menu ul li{float:left;padding: 0px 8px;height: 26px;line-height: 26px;}
#menu ul li a:hover {background:#999;}
#menu ul li ul{border:1px solid #ccc; display:none;}
#menu ul li:hover ul{ display:block; position:absolute; z-index:9999;}
#menu ul li ul li{float:none;width:80px; height:26px; line-height:26px; background:#eee; margin:0;}
#menu ul li ul li a:hover{background:#333;color:#fff;}
自己试下 记得采纳我答案就是了
#menu ul li{float:left;padding: 0px 8px;height: 26px;line-height: 26px;}
#menu ul li a:hover {background:#999;}
#menu ul li ul{border:1px solid #ccc; display:none;}
#menu ul li:hover ul{ display:block; position:absolute; z-index:9999;}
#menu ul li ul li{float:none;width:80px; height:26px; line-height:26px; background:#eee; margin:0;}
#menu ul li ul li a:hover{background:#333;color:#fff;}
自己试下 记得采纳我答案就是了
追问
还是不行吗
追答
我这里试都行啊
把你原来的样式全删了
把我的样式复制进去就行了
然后你自己再琢磨下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询