`
zyn_cool
  • 浏览: 27900 次
  • 性别: Icon_minigender_2
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

    博客分类:
  • html
阅读更多
前两天在修改页面,发现了个问题,当我两个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>



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics