使用bootstrap做标签页,左侧栏需要自己加一点样式,使得退出item要始终处于最下方,设置:
position:fixed;
bottom:0;
问题直接就脱离了父元素,背景都没有了,和其他元素中有空白,然后设置父元素:
position:fixed;
bottom:0;
top:0;
这样是好了,样式也统一了,可是各个item项却不能点击了,
解决:父元素添加 z-index:1;
说明:我们都知道,元素之间有个层次问题,background属性经常使用,体现层次关系
要使用标签来使的元素位于最底层,就需要定位,fixed和absolute, 还有一个重要的属性z-index.
例:<img src="test.png" style="position:absolute;width:100%;height:100%;z-index:-101;">
可以达到background一样的效果,
tip:当然,在设置background的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,