首先看一下轮播图模块里是否有代码是绝对定位;再轮播图的层层DIV加上代码:z-index:1;
然后给导航最外围的DIV加个代码:position:relative;里层代码加上:position:abselute;z-index:2;
比如
……
<div class="titbox" style="position:relative;">
<div class="tit" style="position:absolute;z-index:2;">***</div>
</div>
<div class="pic" style="position:absolute;z-index:1;">***</div>
织梦首页导航二级菜单案例:
头部文件修改:
<!--导航-->
<div class="nav_bg">
<div class="nav">
<ul class="animenu__nav" style="position:relative;">
<li class=""><a href="/">首页</a></li>
{dede:channelartlist typeid='top' row='8'}
<li>
<a href="{dede:field name='typeurl'/}" target="">{dede:field name='typename'/}</a><i></i>
<ul class="animenu__nav__child" style="position:absolute;z-index:2;">
{dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}
<li><a href='/plus/list.php?tid=[field:id/]' style="font-weight:normal">[field:typename/]</a></li>
{/dede:sql}
</ul></li>
{/dede:channelartlist}
</ul>
</div>
<div class="clear"></div>
</div>
</div></div>
首页文件轮播代码修改
<div id="full-screen-slider" class="banner" >
<ul id="slides" style="position:absolute;z-index:1;">
{dede:arclist typeid='栏目ID'}
<li><img src="[field:litpic/]" imgwidth="100%" imgheight="440"></li>
{/dede:arclist}
</ul>
</div>