无极源码之家【官网】
   旧站入口
小工具
站长工具
配色表
CSS3动画工具
3D字体制作
当前位置:无极源码之家 > 建站教程 > 使用技巧 >

导航二级菜单被轮播图遮住解决办法

发布时间:2017-04-12 来源:www.wjymz.com 浏览: 关键词:
首先看一下轮播图模块里是否有代码是绝对定位;再轮播图的层层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>
责任编辑:无极源码站
共有人阅读,期待你的评论!评论
2010-2018 无极源码之家 版权所有 备案号:苏ICP备15059111号