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

无极源码站使用技巧

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>
织梦首页导航二级菜单案例：
头部文件修改：

{dede:channelartlist typeid='top' row='8'}

<li>

<a href="{dede:field name='typeurl'/}" target="">{dede:field name='typename'/}</a><i></i>

{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>

</div></div>

首页文件轮播代码修改

{dede:arclist typeid='栏目ID'}

{/dede:arclist}

</ul>

</div>

加入收藏打赏

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

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

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

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