定位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的时候,我们也要设置一些属性才能让他居于所有元素(兄弟元素)的下面,
阅读全文
0 0
- 定位fixed,使得可点击元素不可点击问题解决
- ios系统fixed定位元素滚动后无法点击
- firefox下绝对定位元素重叠造成不可点击问题
- EditText怎么设置可点击不可编辑
- android EditText 的不可编辑可点击
- HTML中jquery控制button按钮可点击、不可点击
- Selenium webdriver报元素不可点击
- 设置ListView item 不可点击,item中的元素可以点击
- EidtText可编辑不可点击和可点击不可编辑终极版。
- 9、find查询结果可点击定位
- python+selenium 定位到元素,无法点击
- Android自定义可长按 可点击不可拖动的SeekBar
- 父元素绝对定位 子元素在IE6 不能点击
- Edittext不可编辑可点击 & 解决Edittext第二次点击才有效
- ListView里面添加Button之类可点击事件Item不可点击的处理方法
- js、jq和标签里面设置按钮可点击与不可点击状态
- button按钮不可点击
- RatingBar设置不可点击
- 多媒体开发---视频播放器开发(android)
- C++一维数组
- JSON解析
- mac 下 Apk反编译
- CSU-ACM2017暑假集训比赛2 C
- 定位fixed,使得可点击元素不可点击问题解决
- NYOJ 92图像有用区域
- Codeforces Round #427 (Div. 2)
- HDU 6034 字符贪心赋值计算问题
- CodeForces
- HDU.1394 Minimum Inversion Number (线段树 单点更新 区间求和 逆序对)
- 巧用CheckedTextView完成自定义radiobutton的listview
- git revert 与 git reset
- Python入门系列——第20篇