相对定位元素与绝对定位元素层级处理技巧

今天在做页面布局的时候遇到一种场景，在nav模块中做一个滑块效果，效果块使用了绝对定位脱离了文档流，覆盖到了菜单上，通过z-index调整无效，后经多次尝试找到解决方案，现在总结一下分享给各位童鞋，如有其它方式实现请留言指正~~~

话不多说，代码奉上！

<nav>
    <ul>
        <li>Clothing</li>
        <li>Food</li>
        <li>Beauty</li>
        <li&g