查看: 4388|回复: 4

toolbar里的mini-menu被遮挡问题 [复制链接]

julianzhu1117

注册会员

Rank: 2

电梯直达

楼主

发表于 2014-9-26 16:42:59 |只看该作者 |倒序浏览

在页面顶部放了个mini-toolbar,设置为position为fixed。里面第一排放了几个mini-menu，然后用<br>第二排又放了点mini-checkbox，发现menu点击后的菜单项都被第二排的checkbox给遮挡住了。设置了z-index也没用

收藏0

felt

超级版主

Rank: 8 Rank: 8

沙发

发表于 2014-9-26 16:52:31 |只看该作者

请提供重现页面，本地测试未发现你说的问题

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

julianzhu1117

注册会员

Rank: 2

板凳

发表于 2014-9-26 23:18:08 |只看该作者

felt 发表于 2014-9-26 16:52
请提供重现页面，本地测试未发现你说的问题

<!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>
<title>test</title>
<script src="Scripts/boot.js"></script>
<style>
      #divTop
      {
         width:100%;
         height:200px;
         padding:0;
         margin:0;
         overflow-x:hidden;
         overflow-y:auto;
         position:relative;
         cursor:pointer;
         background:#ccc
      }

      #divToolbar
      {
         width:100%;
         z-index:9990;
         position:fixed;
         left:0px;
         top:0px;
      }
</style>
</head>
<body>
<div id="divTop">
<div id="divToolbar" class="mini-toolbar">
      <a class="mini-button">按钮一</a>
      <a id="btOptStatus" class="mini-menubutton " menu="#popupMenuOptStatus" >状态表</a>
      <ul id="popupMenuOptStatus" class="mini-menu" style="display:none;">
         <li onclick="alert('状态一')" >状态一</li>
         <li onclick="alert('状态二')" >状态二</li>
      </ul>
      <br />
      <a class="mini-button">按钮二</a>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

</body>
</html>
<script language="javascript">

mini.parse();


</script>

julianzhu1117

注册会员

Rank: 2

地板

发表于 2014-9-26 23:20:04 |只看该作者

felt 发表于 2014-9-26 16:52
请提供重现页面，本地测试未发现你说的问题

测试下来和toolbar的fixed有关，但是这个工具栏定位又必须用fixed才行

julianzhu1117

注册会员

Rank: 2

5^#

发表于 2014-9-26 23:28:31 |只看该作者

julianzhu1117 发表于 2014-9-26 23:20
测试下来和toolbar的fixed有关，但是这个工具栏定位又必须用fixed才行

我想我找到原因了，mini-ui把menu的z-index又设置为了1000，所以我必须把toolbar的z-index设置为小于1000才行

返回列表

		自动登录	找回密码
密码			立即注册