css 绝对定位的层次问题

A区域为导航菜单，C区域为弹窗。B区域为TAB切换和图片横向轮播。开始的时候B区域遮挡C区域弹窗通过修改z-indexC区域到了上面，可问题随之而来，每当鼠标经过C区域与... A区域为导航菜单，C区域为弹窗。
B区域为TAB切换和图片横向轮播。

开始的时候 B区域遮挡C区域弹窗
通过修改z-index C区域到了上面，

可问题随之而来，每当鼠标经过C区域与B区域的重叠部分，C区域就自动弹出，B区域无法点击。

A区域代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script language="javascript" src="http://www.6a8a.com/images/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("div.submenu li").hover(function() {
$(this).find("div").stop()
.animate({left: "0", opacity:1}, "fast")
.css("display","block")
}, function() {
$(this).find("div").stop()
.animate({left: "0", opacity: 0}, "fast")
});

});
</script>
<style type="text/css">
.applemenu div.submenu li div{display: none;position:absolute;width:400px;height:160px;font-size: 0.9em;background: #4e4e4e;margin:-25px 0 0 188px;}
</style>
</head>
<body>
<div class="applemenu">
<div class="submenu">
<li onMouseOver="this.className='s1'" onMouseOut="this.className='s2'">
<p class="new_fl">
<span><a href="#">A</a></span>
</p>
<div>
<ul>
<li><a href="#">a</a></li>
</ul>

</div>
</li>
<li class="qt" onMouseOver="this.className='s1'" onMouseOut="this.className='s2'">
<p class="new_fl">
<span><a href="#">B</a></span>
</p>
<div>
<ul>
<li><a href="#">b</a></li>
</ul>

</div>
</div>
</div>
</body>
</html> 展开

 我来答

3个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

a11e90
2012-07-18 · 知道合伙人软件行家

a11e90
知道合伙人软件行家

采纳数：473 获赞数：1702

qq交流群：208779755 博客：https://my.oschina.net/haitaohu

向TA提问私信TA

关注

展开全部

你c区弹出的条件是什么啊？最简单的办法每次弹出与消失的时候改变层次或者直接remove掉这个弹出div 每次要弹出的时候重新createElement

更多追问追答

追问

鼠标经过A区 C区弹出。
可否给出个例子？

追答



">
    
    My JSP 'index.jsp' starting page

-->
 
  function show(){
   var ele = document.createElement("div");
   var p = document.getElementById("p");
   var a = document.getElementById("a");
   ele.id="c"
   ele.style.border="blue solid 1px";
   ele.style.position="absolute";
   ele.style.left="200px";
   ele.style.top="0px";
   ele.style.width="300px";
   ele.style.height="400px";
   p.appendChild(ele);
  }
  function hide(){
   var p = document.getElementById("p");
   p.removeChild(p.lastChild);
  }

已赞过 已踩过<

评论收起

灰人王
2012-07-19 · TA获得超过2456个赞

知道大有可为答主

回答量：2401

采纳率：0%

帮助的人：934万

我也去答题访问个人页

关注

展开全部

不太明白你的问题。首先，你这个全部是有绝对定位做的吗？相关的CSS能否贴出来？第二，你这个弹窗是怎么回事？什么情况下才弹出来？

更多追问追答

追问

鼠标经过A区 C区弹出。

追答

鼠标经过A区的时候C区才弹出？那平时把它隐藏起来，鼠标经过A区的时候触发，显示并弹出不就行了。这个用js写很简单啊。

已赞过 已踩过<

评论收起

闲云侠鹤
2012-07-20 · TA获得超过129个赞

知道答主

回答量：193

采纳率：83%

帮助的人：28.7万

我也去答题访问个人页

关注

展开全部

写的太多了，看的眼花

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

css 绝对定位的层次问题

其他类似问题

为你推荐：