前两天在修改页面，发现了个问题，当我两个div，当我设定两个div的position:absolute时，发现我左边那个div里面的所有超链接不能点击了，在IE下没有问题，但是在火狐下不能点，这到底是怎么回事呢，我很困惑，代码如下：
试了好多办法，发现如果不用绝对定位，用float倒是可以，但是不能很好的定位层。最后从网上找到问题的原因所在：
firefox下当两个绝对定位的div发生重叠（即一个div盖在另一个div上）时，下面的div变得不可点击了。解决的方法是设置z-index，z-index值大的就可以点击了。而IE下，即使z-index值高的div，下面的div中的button仍然可以点击。
所有我给左边的层设置了z-index=1:
<body>
<div>
<div style="position: absolute; width:197px;">
<iframe id="left" name="left" frameborder="0"
src="#" scrolling="no" width="100%"
frameborder="0"></iframe>
</div>
<div style="position: absolute;padding-left:198px;" id="maindiv">
<iframe id="main" name="main" frameborder="0"
src="#"
scrolling="no" width="100%" border="0" framespacing="0"
frameborder="0"></iframe>
</div>
<div style="clear: both"></div>
</div>
</body>
试了好多办法，发现如果不用绝对定位，用float倒是可以，但是不能很好的定位层。最后从网上找到问题的原因所在：
firefox下当两个绝对定位的div发生重叠（即一个div盖在另一个div上）时，下面的div变得不可点击了。解决的方法是设置z-index，z-index值大的就可以点击了。而IE下，即使z-index值高的div，下面的div中的button仍然可以点击。
所有我给左边的层设置了z-index=1:
<div style="position: absolute; width:197px;z-index:1;">
<iframe id="left" name="left" frameborder="0"
src="smsbox/contacts_findGroups" scrolling="no" width="100%"
frameborder="0"></iframe>
</div>
5723
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
