定位fixed,使得可点击元素不可点击问题解决

来源:互联网 发布:ue软件查看内码 编辑:程序博客网 时间:2024/06/08 02:45

使用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的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,

原创粉丝点击