IE Z-INDEX无效失效的解决
来源:互联网 发布:淘宝 美孚 618 活动 编辑:程序博客网 时间:2024/05/03 04:44
解决办法:
父级元素加上position:relative;并设置z-index.
父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index.
<div style="position:relative;z-index=2">
<p style="position:absolute;z-index=99"> ...(要在上层显示的内容)</p>
<div>
<div style="position:relative;z-index=1">
...
<div>
上面的例子中,倘若将第一个div的z-index设置为-1,则无论p的z-index为多少,多会被下面的div遮住。
相反,倘若下层div的z-index也设置成2,ie7正在解释时,会按照"position:relative"的层的顺序,自动叠加,即实际值是3.
没有加position属性时,所有值继承自父级。
父级元素加上position:relative;并设置z-index.
父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index.
<div style="position:relative;z-index=2">
<p style="position:absolute;z-index=99"> ...(要在上层显示的内容)</p>
<div>
<div style="position:relative;z-index=1">
...
<div>
上面的例子中,倘若将第一个div的z-index设置为-1,则无论p的z-index为多少,多会被下面的div遮住。
相反,倘若下层div的z-index也设置成2,ie7正在解释时,会按照"position:relative"的层的顺序,自动叠加,即实际值是3.
没有加position属性时,所有值继承自父级。
0 0
- IE Z-INDEX无效失效的解决
- 解决IE,z-index失效
- 解决IE6 z-index 无效的问题
- 关于IE下z-index失效的问题
- Z-index在IE中失效的解决办法
- IE系列下z-index失效问题
- IE系列下z-index失效问题
- z-index层级在IE中无效
- z-index层级在IE中无效
- z-index层级在IE中无效
- 解决Flash z-index失效挡住下面的问题
- 解决Flash z-index失效挡住下面的问题
- 解决IE6 select z-index无效,遮挡div的bug
- 解决IE7下z-index 无效的问题
- 解决IE6下select z-index 无效
- 解决css中z-index无效问题
- 解决embed标签设置z-index无效
- 解决z-index值堆叠无效问题
- 动态规划原理(算法导论)
- 关于C++中的虚拟继承的一些总结
- 老白理解的REDO LOG
- 【移动开发】plurals
- shell 编程笔记
- IE Z-INDEX无效失效的解决
- struts2的s:iterator 标签 详解
- Opencv2.4.9源码分析——HoughLinesP
- About Git --- 001
- 有奖试读&征文——我们在互联网上奋斗的故事 获奖名单公布
- ecmall后台增加新模块后,编辑管理员权限
- 关于java --调用jdbc queryForMap查询时候发生下面异常的说明
- 【ORA-02049】超时分布式事务处理等待锁 解决方法
- KMP算法学习笔记