教程集 > 脚本编程 > javascript > 正文 css下拉菜单被flash挡住解决办法

css下拉菜单被flash挡住解决办法

发布时间：2023-06-06 编辑：jiaochengji.com

教程集为您提供css下拉菜单被flash挡住解决办法等资源，欢迎您收藏本站，我们将为您提供最新的css下拉菜单被flash挡住解决办法资源

提示：您可以先修改部分代码再运行

<!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>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>CSS菜单－－下拉菜单</title>  <style type="text/css">  /*Author:5key.net*/  body{  background-color:white;  font-size:12px;  font-family:Arial, Helvetica, sans-serif;  margin:0px;  padding:0px;  color:white;  }  ul,li{  margin:0px;  padding:0px;  }  li{  	display:inline;  	list-style-position:outside;  	text-align:center;  	font-weight:bold;  	float:left;  	list-style-image: none;  	list-style-type: none;  }  a:link{  color:#336601;  text-decoration:none;  float:left;  width:100px;  padding:3px 5px 0px 5px;  }  a:visited{  color:#336601;  text-decoration:none;  float:left;  padding:3px 5px 0px 5px;  width:100px;  }  a:hover{  color:white;  float:left;  padding:3px 3px 0px 20px;  width:88px;  text-decoration:none;  background-color:#539D26;  }  a:active{  color:white;  float:left;  padding:3px 3px 0px 20px;  width:88px;  text-decoration:none;  background-color:#BD06B4;  }  #nav{  	width:600px;  	height:30px;  	border-bottom:0px;  	padding:0px 5px;  	z-index:100000;  	position:absolute;  	left:0px;  	top: 0px;  }  .list{  line-height:20px;  text-align:left;  padding:4px;  font-weight:normal;  }  .menu1{  width:120px;  height:auto;  margin:6px 4px 0px 0px;  border:1px solid #9CDD75;  background-color:#F1FBEC;  color:#336601;  padding:6px 0px 0px 0px;  cursor:hand;  overflow-y:hidden;  filter:Alpha(opacity=70);  -moz-opacity:0.7;  z-index:1000;  }  .menu2{  width:120px;  height:18px;  margin:6px 4px 0px 0px;  background-color:#F5F5F5;  color:#999999;  border:1px solid #EEE8DD;  padding:6px 0px 0px 0px;  overflow-y:hidden;  cursor:hand;  }  .aaa { border:1px red solid; background:#9cf; width:500px; height:40px; position:absolute; top:50px;z-index:-10;}  .nnav{position:relative;}  .menu21 {width:120px;  height:18px;  margin:6px 4px 0px 0px;  background-color:#F5F5F5;  color:#999999;  border:1px solid #EEE8DD;  padding:6px 0px 0px 0px;  overflow-y:hidden;  cursor:hand;  }  </style>  </head>  <body>  <div class="nnav">    <div id="nav">      <ul>        <li class="menu21" onmouseover="this.className='menu1'" onmouseout="this.className='menu2'">我的首页          <div class="list"> 我的首页<br />                我的首页<br />                我的日志<br />                我的日志<br />                我的相册<br />                我的收藏<br />          </div>        </li>        <li class="menu21" onmouseover="this.className='menu1'" onmouseout="this.className='menu2'">社区圈子          <div class="list"> 我的社区圈子<br />                我的首页<br />                我的日志<br />                我的相册<br />                我的收藏<br />          </div>        </li>        <li class="menu21" onmouseover="this.className='menu1'" onmouseout="this.className='menu2'">我的短信          <div class="list"> 我的短信<br />                我的相册<br />                我的收藏<br />          </div>        </li>        <li class="menu21" onmouseover="this.className='menu1'" onmouseout="this.className='menu2'">账户管理          <div class="list"> 账户管理<br />                我的首页<br />                我的日志<br />                我的相册<br />                我的收藏<br />                我的日志<br />                我的相册<br />                我的收藏<br />          </div>        </li>      </ul>    </div>    <div class="aaa">      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="998" height="430">        <param name="movie" value="images/flash.swf" />        <param name="quality" value="high" />        <embed src="images/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="998" height="430"></embed>      </object>    </div>  </div>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
巧用jquery解决下拉菜单被Div遮挡的相关问题
 jquery ui dialog里调用datepicker的问题
 css让div在flash之上解决方法
 Flash不显示怎么办？Flash不显示问题解决办法
 jQuery菜单插件 Superfish
符合网页标准的无限网页分级菜单
 优酷视频不能全屏问题解决办法
 windows8中IE10无法打开与flash解决办法
 魔兽世界6.0更新一半卡住了怎么办?魔兽世界6更新卡住解决方法
 如何解决HTML5 虚拟键盘出现挡住输入框的问题

上一篇：点击单选框切换效果

[关闭]

css下拉菜单被flash挡住解决办法

最近更新

浏览排行