做了一个下拉菜单为什么会影响下面的div? 做了一个带下拦菜单的导航条 下拉菜单不显示的时候一切正常 反之 影响下面的div比较有特色的情况1、 在ie下正常 opera ff下就出问题了2、 我是用php引入的一个top页 如果直接做在主页也正常 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 不是 是导航菜单 下面的div 挤开了 你php文件里面的div闭合正确吗? 可能我没有把情况说清楚有两个div 一个是导航栏 一个是页面内容 如果导航栏下拉菜单显示的话 面页内容会被挤开 你的下拉菜单是用div做的?是不是position问题啊? top.css<!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=utf-8" /><script type="text/javascript" src="js/jquery-1.5.2.js"></script><title>无标题文档</title><script type="text/javascript">$(document).ready(function(){ $(".menu-bd").hide(); $("#kefu").bind("mouseenter", function(){ $("#kefu").addClass("nav-hover"); $(".menu-bd").show(); }); $("#kefu").bind("mouseleave",function(){ $("#kefu").removeClass("nav-hover"); $(".menu-bd").hide(); /*alert("mouse out");*/ }); });</script><style type="text/css">#nav_box{ width:1009px; height:50px; margin:0 auto; border:1px solid #dddddd; background-image:url(img/line04.png); background-repeat:repeat-x;}.nav_menu{ font-family:"黑体"; font-size:14px; color:#000; margin:0px; padding:0px; width:100%; height:50px; margin-left:10px;}.nav_menu li{ width:80px; float:left; list-style-type:none; line-height:50px; text-align:center;}.nav_menu li a{ color:#666; text-decoration:none; /*background-color:#3FC;*/ padding:17px 5px 17px 5px;}.nav-hover{ border-right:1px solid #dddddd; border-bottom:1px solid #FFF; border-left:1px solid #dddddd; background-color:#FFF;}.menu-bd{ width:200px; height:150px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; /*border-left:1px solid #dddddd;*/ background-color:#FFF; margin-top:2px; position:relative; z-index:1; clear:both; }.menu-ul{ width:180px; height:190px; margin:0px; padding:0px padding-top:10px; padding-left:10px;}.menu-ul li{ float:none; /*border-bottom:1px dashed #CCC;*/ width:200px; line-height:25px; text-align:left;}.menu-ul li a{ color:#666; font-family:"宋体"; font-size:12px; padding:5px 5px 5px 5px;}.menu-ul li a:hover{ color:#F00;}</style></head><body><div id="nav_box"> <ul class="nav_menu"> <li><a href="#">首 页</a></li> <li><a href="news.php">新闻中心</a></li> <li><a href="#">产品中心</a></li> <li><a href="#">成功案例</a></li> <li><a href="#">解决方案</a></li> <li><a href="#">系统定制</a></li> <li id="kefu"><a href="#">服务与支持</a> <div class="menu-bd"> <ul class="menu-ul"> <li><a href="#">在线咨询</a></li> <li><a href="#">常见问题</a></li> <li><a href="#">软件定制流程</a></li> <li><a href="#">系统定制合同范例</a></li> <li><a href="#">软件错误申报</a></li> <li><a href="#">软件投诉</a></li> </ul> </div> </li> <li><a href="#">天翊论坛</a></li> <li><a href="#">关于我们</a></li> </ul></div></body></html> 样式写的兼容性太差了,建设 JS+csshttp://paranimage.com/css-and-more-than-30-drop-down-menu-resources-js/ 没有用top属性吧,要把置顶级别提高 提交表单木有反应…… 执行php文件的bat写法求助 菜鸟使用php Expert Edtior4.2问题!请指导下 求助~~服务器上PHP所有扩展都无效 有个网页中音乐很好听,我想下载,但不知道路径,谁知道这种代码中的音乐怎么下载。 php代码中如何调用javascript函数 ?(请前辈指点。。) 谁有php 的多媒体编辑器呀??? 请高手帮忙解答一下问题 高手们 这是什么意思啊 哪儿有PHP+MySQL的免费主页空间? 怎么一个if语句能跨两个php段? 分别在哪里???
不是 是导航菜单 下面的div 挤开了
可能我没有把情况说清楚有两个div 一个是导航栏 一个是页面内容 如果导航栏下拉菜单显示的话 面页内容会被挤开
是不是position问题啊?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.5.2.js"></script>
<title>无标题文档</title><script type="text/javascript">
$(document).ready(function(){
$(".menu-bd").hide();
$("#kefu").bind("mouseenter", function(){
$("#kefu").addClass("nav-hover");
$(".menu-bd").show();
});
$("#kefu").bind("mouseleave",function(){
$("#kefu").removeClass("nav-hover");
$(".menu-bd").hide();
/*alert("mouse out");*/
});
});
</script><style type="text/css">
#nav_box{
width:1009px;
height:50px;
margin:0 auto;
border:1px solid #dddddd;
background-image:url(img/line04.png);
background-repeat:repeat-x;
}.nav_menu{
font-family:"黑体";
font-size:14px;
color:#000;
margin:0px;
padding:0px;
width:100%;
height:50px;
margin-left:10px;
}.nav_menu li{
width:80px;
float:left;
list-style-type:none;
line-height:50px;
text-align:center;
}.nav_menu li a{
color:#666;
text-decoration:none;
/*background-color:#3FC;*/
padding:17px 5px 17px 5px;
}.nav-hover{
border-right:1px solid #dddddd;
border-bottom:1px solid #FFF;
border-left:1px solid #dddddd;
background-color:#FFF;
}.menu-bd{
width:200px;
height:150px;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
/*border-left:1px solid #dddddd;*/
background-color:#FFF;
margin-top:2px;
position:relative;
z-index:1;
clear:both;
}.menu-ul{
width:180px;
height:190px;
margin:0px;
padding:0px
padding-top:10px;
padding-left:10px;
}.menu-ul li{
float:none;
/*border-bottom:1px dashed #CCC;*/
width:200px;
line-height:25px;
text-align:left;
}.menu-ul li a{
color:#666;
font-family:"宋体";
font-size:12px;
padding:5px 5px 5px 5px;
}.menu-ul li a:hover{
color:#F00;
}
</style>
</head><body>
<div id="nav_box">
<ul class="nav_menu">
<li><a href="#">首 页</a></li>
<li><a href="news.php">新闻中心</a></li>
<li><a href="#">产品中心</a></li>
<li><a href="#">成功案例</a></li>
<li><a href="#">解决方案</a></li>
<li><a href="#">系统定制</a></li>
<li id="kefu"><a href="#">服务与支持</a>
<div class="menu-bd">
<ul class="menu-ul">
<li><a href="#">在线咨询</a></li>
<li><a href="#">常见问题</a></li>
<li><a href="#">软件定制流程</a></li>
<li><a href="#">系统定制合同范例</a></li>
<li><a href="#">软件错误申报</a></li>
<li><a href="#">软件投诉</a></li>
</ul>
</div>
</li>
<li><a href="#">天翊论坛</a></li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
</body>
</html>