当前位置: 代码迷 >> Web前端 >> 火狐上层设置了绝对定位后a连接不能点
  详细解决方案

火狐上层设置了绝对定位后a连接不能点

热度:44   发布时间:2012-08-26 16:48:05.0
火狐下层设置了绝对定位后a连接不能点?
前两天在修改页面,发现了个问题,当我两个div,当我设定两个div的position:absolute时,发现我左边那个div里面的所有超链接不能点击了,在IE下没有问题,但是在火狐下不能点,这到底是怎么回事呢,我很困惑,代码如下:
<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>



  相关解决方案