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

2017-04-12
首先看一下轮播图模块里是否有代码是绝对定位;再轮播图的层层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>
加入收藏 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!

无极源码之家 > 建站教程 > 使用技巧 导航二级菜单被轮播图遮住解决办法 https://160170.cn/Teach/657.html

相关文章

评论
预留评论插件