定位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的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,
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的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,
相关文章推荐
- 打开input输入的时候,css中position:absolute/fixed定位的时候,定位元素上移问题解决
- Firefox/Safari/Chrome绝对定位元素重叠造成不可点击问题
- 解决 IE6 不支持绝对定位 fixed 以及IE6下被绝对定位的元素在滚动的时候会闪动的问题
- firefox下绝对定位元素重叠造成不可点击问题
- selenium实战:如何解决无论如何都无法定位的点击展开元素问题
- py+selenium IE 定位到元素,但点击不了元素的问题【已解决】
- 解决IE6浏览器下position:fixed固定定位问题
- 解决position:fixed 定位抖动的问题
- 解决 IE6 position:fixed 固定定位问题
- selenium打开新标签页无法定位到元素问题解决办法
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- 解决IE6浏览器下position:fixed固定定位问题
- 解决ie6下fixed定位兼容性问题
- 使用jquery on()方法解决html页面点击元素,事件无响应的问题
- ios系统fixed定位元素滚动后无法点击
- 解决 “ie6 position:fixed定位”以及 “ 悬浮的元素会出现振动”
- selenium 元素可以定位到,但是无法点击问题
- fixed定位元素被安卓、ios键盘顶起的解决办法
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题