请大家给我看看这个下拉菜单到底怎么了_html/css

回复讨论(解决方案)

首页

web前端

html教程

请大家给我看看这个下拉菜单到底怎么了_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:12 PM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>123</title>    <link href="style.css"  rel="stylesheet" type="text/css" /><!-- saved from url=(0013)about:internet --></head><div id="bar">	<div id="nav">	<ul>		<li><a href="#" target="_blank">网站主页</a>				</li>		<li><a href="#" target="_blank">文档管理</a>			<ul style="z-index:88;">				<li>类别管理</li>				<li>信息管理</li>				<li>文档下载</li>				<li>文档上传</li>			</ul>		</li>		<li><a href="#" target="_blank">用户管理</a>			<ul style="z-index:99;">				<li>用户管理</li>				<li>用户管理</li>				<li>用户管理</li>				<li>用户管理</li>				<li>用户管理</li>			</ul>		</li>		<li><a href="#" target="_blank">留言建议</a>		</li>	</ul>	</div></div>   </body></html>

登录后复制

a{	text-decoration:none;}#bar{	width:100%;	height:40px;	z-index:999;	padding-top:5px;	background:url(bar_bg.gif) repeat-x; 	}#nav{	width:960px;	height:30px;	margin:0 auto;	}#nav ul {	padding:0; 	margin:0;         list-style-type: none;	}#nav ul li{	list-style:none;	float:left;	position:relative;	width:100px;	}#nav ul li a{	display:block;	text-align:center;	line-height:28px;	padding-left:9px;	padding-right:9px;	color:#bdbde2;	height:30px;         }#nav ul li:hover a{	background-color:#000066;	color:#00FF99;	}#nav ul li ul {	display: none;	}#nav ul li:hover ul {	display:block; 	top:30px; 	position:absolute; 	width:80px;         color:#00FF99;	text-align:center;         }#nav ul li:hover ul li {	background-color:#333333;	display:block;	color:#bdbde2;	height:28px;	padding-top:4px;	width:100px;	}#nav ul li:hover ul li a {	display:block;	color:#bdbde2;	background:#1C5579; 	}#nav ul li:hover ul li a:hover {	background-color:#000066;	color:#00FF99;	}

登录后复制

这是源码请高手看一下

回复讨论(解决方案)

木有感?你的感?...你有啥感?大??出?.

楼主是不是在ie6下看的效果？

要问为什么 li:hover 无反应?

ie6支持除a之外的伪类,可以用js来做,onmouseover 与 onmouseout

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7689

Java教程

1639

CakePHP 教程

1393

Laravel 教程

1287

PHP教程

1229

显示更多

Related knowledge

HTML容易为初学者学习吗？ Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML，CSS和JavaScript的角色：核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML中起始标签的示例是什么？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

了解HTML，CSS和JavaScript：初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。