查看新闻/公告--[备忘]IE7下div覆盖混乱的问题。

[心缘地方]同学录

首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》 | 王小鸭自动发工资条VBA版

登录系统:用户名: 密码: 如果要讨论问题，请先注册。

[备忘]IE7下div覆盖混乱的问题。
上一篇:[备忘]Swing的JMenu添加事件的方法~~用MouseListener~ 下一篇:[备忘]一个挺漂亮好看的CSS表格样式~~
添加日期：2013/5/29 14:33:06	快速返回返回列表	阅读3510次
在ie7下，如下代码会出现z-index覆盖混乱的问题： <div style="position:relative;"> <div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div> </div> <div style="position:relative;"> <div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div> </div> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] IE7下，黑色覆盖在红色的上面。两个父级div的z-index没有设置，那么在IE7下面，就是后面的覆盖前面的。虽然红色div的z-index很高，但是没用，它和黑色方块不在一个容器里面。解决办法就是给父元素也设置z-index： <div style="position:relative;z-index:2;"> <div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div> </div> <div style="position:relative;z-index:1;"> <div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div> </div> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码（不区分大小写） Validation Code: (not case sensitive)	看不清？点这里换一张！(Change it here!)
	评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.

CopyRight © 心缘地方 2005-2999. All Rights Reserved