IE7绝对定位层级显示问题
2015-03-03 13:49
302 查看
问题:
当父级元素为相对定位position:relative;,子元素为绝对定位position:absolute;并且层级较高时,一般浏览器显示为子元素在父元素之上,但IE7子元素却被父级兄弟元素遮盖在下面,
解决:
1. 可设置当前父级元素层级高于父级兄弟元素,
2. 若子元素有下拉时,可设当前父级元素鼠标滑过时为相对定位position:relative; 层级设置高于其他父级兄弟元素z-index:1;
当父级元素为相对定位position:relative;,子元素为绝对定位position:absolute;并且层级较高时,一般浏览器显示为子元素在父元素之上,但IE7子元素却被父级兄弟元素遮盖在下面,
解决:
1. 可设置当前父级元素层级高于父级兄弟元素,
2. 若子元素有下拉时,可设当前父级元素鼠标滑过时为相对定位position:relative; 层级设置高于其他父级兄弟元素z-index:1;
相关文章推荐
- IE7 绝对定位z-index 层级问题
- IE6/IE7下position:absolute;绝对定位偏移、不显示问题
- IE6和IE7下绝对定位position:absolute和margin的冲突问题解决
- IE7以下绝对定位position被后面元素遮挡问题
- IE7以下绝对定位position被后面元素遮挡问题
- IE7 绝对定位z-index问题
- IE6/IE7下position:absolute;绝对定位偏移、不显示问题
- div 绝对定位与相对定位的层级问题
- IE7以下绝对定位的DIV被相对定位的DIV挡住问题
- 逆天的IE7中,绝对定位元素之间的遮盖问题
- IE7中绝对定位元素之间的遮盖问题示例探讨
- IE6和IE7下绝对定位position:absolute和margin的冲突问题解决
- position:absolute,绝对定位和相对定位,JQ隐藏和显示
- img标签绝对位置定位,图片显示在签名之上。
- IP访问错位,纠结了半天的样式问题,中间居中,右侧绝对定位
- 解决Android使用百度定位坐标显示到地图上偏移过大问题
- IE7中绝对定位元素之间的遮盖问题
- 绝对定位在IE6下存在left和bottom的定位错误问题
- JS控制显示隐藏兼容问题(IE6、IE7、IE8)
- IE中a标签绝对定位设置高宽却无法点击的问题