jQuery MiniUI

标题: 关于mini-layout 框架应用问题 [打印本页]

作者: livecode 时间: 2014-11-13 13:50:08 标题: 关于mini-layout 框架应用问题

[attach]5471[/attach]
程序使用的layout框架，在head部分嵌了两个div，一个图层显示图片，另一个图层显示导航（将此div 的z-index设置为了999）
现在现实的导航部分被下边 region="south" 和region="west"栏部分遮挡住了？
请教一下如何使导航层置于顶部：
如图上图所示

作者: dforce 时间: 2014-11-13 14:02:03

请提供页面重现你的问题

作者: livecode 时间: 2014-11-13 14:54:13

dforce 发表于 2014-11-13 14:02
请提供页面重现你的问题

<body>
<div class="mini-layout" id="mainLayout" style="width: 100%; height: 100%; border: 0">
      <div region="north" class="header" bodystyle="overflow:hidden;" showsplit="false"
         splitsize="0" allowresize="false" height="106" showheader="false" style="position:relative">
         <div style="width: 100%; background: Green; line-height: 50px;">
            第一层
         </div>
         <div style="width: 100%; background: Red; height: 50px; z-index:999">
            <ul id="nav">
                  <li class="top"><a class="top_link" href="#"><span>首页</span></a></li>
                  <li class="top"><a id="products" class="top_link" href="#"><span class="down">关于我们</span></a>
                     <ul class="sub">
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">董事长&总裁</a></li>
                        <li><a href="#">发展历程</a></li>
                        <li><a href="#">公司荣誉</a></li></ul>
                  </li>
                  <li class="top"><a id="services" class="top_link" href="#"><span class="down">产品&服务</span></a>
                     <ul class="sub">
                        <li><a class="fly" href="#">产品1</a>
                              <ul >
                                 <li><a href="#">配套</a></li>
                                 <li><a href="#">配件</a></li></ul>
                        </li>
                        <li><a class="fly" href="#">产品2</a>
                              <ul>
                                 <li><a href="#">产品2-1</a></li>
                                 <li><a href="#">产品2-2</a></li></ul>
                        </li>
                        <li><a class="fly" href="#">服务</a>
                              <ul>
                                 <li><a href="#">服务111</a></li>
                                 <li><a href="#">服务112</a></li>
                                 <li><a href="#">服务113</a></li>
                                 <li><a href="#">服务114</a></li>
                                 <li><a href="#">服务115</a></li></ul>
                        </li>
                     </ul>
                  </li>
                  <li class="top"><a id="contacts" class="top_link" href="#"><span class="down">新闻中心</span></a>
                     <ul class="sub">
                        <li><a href="#">公告</a></li>
                        <li><a href="#">行业新闻</a></li></ul>
                  </li>
                  <li class="top"><a id="hr" class="top_link" href="#"><span class="down">人力资源</span></a>
                     <ul class="sub">
                        <li><a href="#">人才战略</a></li>
                        <li><a href="#">社会招聘</a></li>
                        <li><a href="#">公司福利</a></li></ul>
                  </li></ul>
         </div>
      </div>
      <div showheader="false" region="south" style="border: 0; text-align: center;" height="34"
         showsplit="false" splitsize="0" allowresize="false">
         <div>
            <img src="images/diline1.gif" width="100%" height="7" />
         </div>
         <div align="center">
            中国科技研究平台
         </div>
      </div>
      <div region="west" showheader="false" showcollapsebutton="false" showspliticon="true"
         width="280" minwidth="200" maxwidth="350" style="border: 6px solid #26a9f9; border-top-width: 4px;
         border-bottom: 0; border-right-width: 1px;">西
      </div>
      <div region="center" showcollapsebutton="false" showheader="false" bodystyle="overflow:hidden;"
         cls="center_normal">中
      </div>
</div>
</body>

作者: livecode 时间: 2014-11-13 14:57:00

dforce 发表于 2014-11-13 14:02
请提供页面重现你的问题

[attach]5473[/attach]导航的二三级被遮挡住了；

作者: dforce 时间: 2014-11-13 15:13:19

livecode 发表于 2014-11-13 14:57
导航的二三级被遮挡住了；

[attach]5474[/attach]
你导航的自己写的还是用的我们的menubar

作者: livecode 时间: 2014-11-13 15:19:42

dforce 发表于 2014-11-13 15:13
你导航的自己写的还是用的我们的menubar

自己用div+ul+li 拼写的

作者: dforce 时间: 2014-11-13 15:36:19

livecode 发表于 2014-11-13 15:19
自己用div+ul+li 拼写的

你自己写的样式的话，自己调整样式，估计主要就是z-Index上的问题了

作者: livecode 时间: 2014-11-13 15:38:51

dforce 发表于 2014-11-13 15:36
你自己写的样式的话，自己调整样式，估计主要就是z-Index上的问题了

多谢~~~~~~~~

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)