css下拉菜单显示时会把下一div挤开 [问题点数：20分]
-
本版专家分：147结帖率 75% -
回复次数3楼主<div>css菜单</div>
<div></div>
但css的下拉菜单没有显示是两个是连在一起的，但是一旦显示下拉菜单，两个div之间就显示出一块空白区域，我希望css的下拉菜单显示出来而不改变页面布局。
那个兄弟帮个忙。问题点数：20分
-
本版专家分：6610 -
#1 得分：0贴你的代码出来看看
-
本版专家分：147
-
#2 得分：0<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
<style >
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body>
<!--[if lte IE 6]><a href="#"><table><tr><td><![endif]-->
<dl>
<dt><a href="#">一级菜单</a></dt>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
<dd><a href="#">二级菜单</a></dd>
</dl>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
<div>
<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px">
<param name="movie" value ="flash/flash3.swf" wmode="transparent"/>
<param name="wmode" value="transparent" />
</object>
</div>
</body>
</html>
-
本版专家分：6610
-
#3 得分：0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kendyjack测试专用</title>
<style >
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body><div style="height:30px;">
<!--[if lte IE 6]> <a href="#"> <table> <tr> <td> <![endif]-->
<dl>
<dt> <a href="#">一级菜单 </a> </dt>
<dd> <a href="#">二级菜单 </a> </dd>
<dd> <a href="#">二级菜单 </a> </dd>
<dd> <a href="#">二级菜单 </a> </dd>
</dl>
<!--[if lte IE 6]> </td> </tr> </table> </a> <![endif]--></div>
<div>
<object data="flash/flash3.swf" type="application/x-shockwave-flash" height="202" style="width: 932px">
<param name="movie" value ="flash/flash3.swf" wmode="transparent"/>
<param name="wmode" value="transparent" />
</object>
</div>
<div>22222222222222222222</div>
<div>33333333333333333333</div>
</body>
</html>
- 其他相关推荐
- 使用CSS实现下拉菜单的动态显示
- 代码编辑器：sublime text 3 浏览器：Firefox 40.0.1 下划线标注的解释原因由于对css的学习还不够深刻，所以属于个人主观理解。如果有错误希望大神们指出。谢谢!
- CSS-下拉菜单被覆盖
- 问题：做了个网站的导航栏带有下拉菜单，鼠标放在导航栏上就会显示下拉菜单，现在下拉菜单被覆盖了。解决：设置当前的div的style属性，新增position和z-index<div class="box" style="position:relative; z-index:9999;">原因：Z-INDEX是设置不同块的层次的 position 属性规定元素的定位类型。
- 用div+css做下拉菜单，当鼠标移向2级菜单时，为什么1级菜单的a:hover背景色就不管用了？
- 伪类:hover只是鼠标停留当前元素时。 鼠标一离开马上就没有了。 主菜单鼠标经过样式单写一个，例 .nav_hover{background-color:blue;} 判断一下： if（鼠标移到此菜单元素为真 || 2级菜单的显示为真）{ 主菜单元素className = “nav_hover”； }
- css+div实现精美导航条 横向排列下拉子菜单
- css+div实现的精美导航条，有下拉的横向排列子菜单。javascript实现动画浮动效果。
- DIV+CSS实操六：经管系网页添加导航栏下拉菜单
- 其实很久之前就想实现这个功能，一直没有去付诸行动，大早上的就开始看老师讲过的一些简单的JS下拉菜单的 知识，可能是我们基础差，老师讲的也是非常基础的一些，但是我们还是没有听懂，仔细研究了一番，反反复复终于 实现了下拉的效果，后来在网上找这方面的教程和代码实例看，发现和自己写的还是有很大的区别，最近一直在深入 JS的学习，还没有学到这块，相信学到这块，自己可以写出更加简洁的下拉菜单的代码。由于
- 网页下拉菜单之CSS实现
- 网页下拉菜单的实现 一、什么是网页下拉菜单？ 网页下拉菜单就是多级菜单，最为简单的就是二级菜单，如下图所示： 二、网页下拉菜单有那种实现方式？ 下拉菜单可以用CSS实现，也可以用JavaScript实现，还可以用JQuery实现。今天我们就来说一下简单用CSS实现下拉菜
- 纯DIV+CSS制作的下拉菜单，二级下拉菜单，三级下拉菜单
- HTML代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">三级dropdown弹出菜单/* common styling */.menu {font-family: arial, sans-serif; width:750px;
- div+css 下拉多级弹出菜单
- 1）二级菜单代码 首页 网页版式 自适应宽度 固定宽度 web 教程 新手入门 视频教程 常见问题 web 实例 常用代码 2）先把二级菜单的背景和浮动清除掉，增加以下css代码： #menu ul li ul li { float:none;} #menu ul li ul li a {background:none;}
- HTML+CSS实现简单下拉菜单
- HTML+CSS实现下拉菜单 使用Html+css实现简单的下拉菜单 代码： 下拉框 *{ margin:0px; padding:0px;} #nav{ width:600px; height:40px; margin:0 auto;} #nav ul{ list-style:none;} #nav ul li{ float:left; line-height:40px; tex
- jquery控制css绝对定位位置效果,例如鼠标移动到图标显示层显示相关信息
- $(获取到需要弹出浮动框的元素obj).hover(function () { //鼠标移动时 //获取到需要弹出浮动框的元素obj divobj = document.getElementById(obj); //获取obj的位置，left及top，IE及FF3.0以上都支持