查看: 2550|回复: 7

关于mini-layout 框架应用问题 [复制链接]

livecode

注册会员

Rank: 2

电梯直达

楼主

发表于 2014-11-13 13:50:08 |只看该作者 |倒序浏览

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

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

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2014-11-13 14:02:03 |只看该作者

请提供页面重现你的问题

livecode

注册会员

Rank: 2

板凳

发表于 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>