2 u011856002 u011856002 于 2015.07.22 16:35 提问

easyui内容被覆盖跪求大神

想做个easyui的layout 然后实现上方菜单导航,效果如图 但是实际效果是鼠标移动效果被底下的div覆盖了,添加了position:relative; z-index:99999这个熟悉也没用 ,跪求大神啊图片说明

9个回答

caozhy
caozhy   Ds   Rxr 2015.07.22 16:40

用IE F12调试下,你底下的div的z-index是不是也很大。

u011856002
u011856002 把data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" 这个属性去掉就可以,但是easyui的layout也变没用了
2 年多之前 回复
u011376884
u011376884   2015.07.22 17:01

你试试点击弹出导航菜单时,给菜单设置z-index,不要在html页面写

u011376884
u011376884 回复小样样520: title是标题,iconCls是图标样式,不会影响布局;region:'center'是表示除了north/south/east/west之外的所有地方都会被center占满,如果去掉就可以,你试试导航部分的div加上region:'north',最外层的html标签(一般是body)加上class="easyui-layout"
2 年多之前 回复
u011856002
u011856002 把data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" 这个属性去掉就可以,但是easyui的layout也变没用了
2 年多之前 回复
showbo
showbo   Ds   Rxr 2015.07.22 17:41

给父容器增加z-index试试,2个都加。ie7有这个bug,要设置父容器z-index来解决

showbo
showbo 回复小样样520: 这个是layout需要的配置。。你自己开发工具看下是否是z-index设置的不够大。一般就是这2个问题
2 年多之前 回复
u011856002
u011856002 把data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" 这个属性去掉就可以,但是easyui的layout也变没用了
2 年多之前 回复
u011856002
u011856002   2015.07.22 17:45

这是header.jsp的代码




                这个是main.jsp的代码
                <div class="easyui-layout" style="width:100%;height:100%;">
    <div data-options="region:'north'" style="height:50px;position:relative; z-index:99999;overflow: visible"><jsp:include page="header.jsp"></jsp:include></div>
    <div data-options="region:'south',split:true" style="height:50px;"></div>
    <div data-options="region:'east',split:true" title="East" style="width:100px;"></div>
    <div data-options="region:'west',split:true" title="West" style="width:100px;"></div>
    <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
    </div>
</div>

u011856002
u011856002   2015.07.22 17:46

header.jsp的代码

u011856002
u011856002   2015.07.22 17:46
 header.jsp
u011856002
u011856002   2015.07.22 17:47

这个是header.jsp的代码

u011856002
u011856002   2015.07.22 17:47

这个是header.jsp的代码

<div class="hd-main clearfix" id="header" style="position:relative; z-index:99999;">
            <a class="logo" href="" style="float: left;vertical-align:middle;"><img src="images/logo.png" style="margin-top: 5px;margin-bottom: auto;vertical-align:middle"/></a>
            <div class="info">
                <ul>
                    <li class="info-i no-separate default-text has-pulldown">
                        <em class="f-icon pull-arrow"></em>
                        <span class="more" hideFocus="hideFocus">用户管理</span>
                        <div class="pulldown more-info">
                            <em class="arrow"></em>
                            <div class="content">
                                <span class="separate-li no-height"></span>
                                <span class="li"><a href="javascript:redirect('header.jsp');">普通用户管理</a>
                                </span>
                                <span class="li"><a href="">发布者管理</a>
                                </span>
                                <span class="li"><a href="">全网用户统计</a>
                                </span>
                                <span class="li"><a href="">产品审核</a>
                                </span>
                            </div>
                        </div>
                    </li>
u011856002
u011856002   2015.07.22 17:56

有没有懂把data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" 这个属性的

Csdn user default icon
上传中...
上传图片
插入图片