您的位置:首页 > 其它

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

2017-08-02 19:43 1556 查看
使用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的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: