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/) Powered by Discuz! X2