对左侧层数进行调整
z-index属性
z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。（来自百度百科）
设置z-index属性
注意：z-index只对定位元素有作用。要设置非static的定位属性（position），z-index才会生效。
将yilia\layout\layout.ejs中的
1 | <div id="container" q-class="show:isCtnShow"> |
改成
1 | <div id="container" q-class="show:isCtnShow" style="position:relative; z-index: 0;"> |
本解决方法是针对hexo+yilia添加APlayer音乐播放器
中的问题：播放器在pc端反而不显示，会被左侧栏挡住，只在手机端显示进行解决，同时也因为我也遇到这种情况，就做了优化。
本文作者：
Bolerat
本文链接： https://bolerat.github.io/posts/38459/
版权声明： 本博客所有文章除特别声明外，均采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处！
本文链接： https://bolerat.github.io/posts/38459/
版权声明： 本博客所有文章除特别声明外，均采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处！
