前两天在修改页面，发现了个问题，当我两个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>
分享到：
相关推荐
在Firefox浏览器中，当涉及到CSS布局的绝对定位（absolute positioning）时，可能会遇到一个常见的问题：元素重叠导致某些元素变得不可点击。这个问题通常出现在有多个绝对定位元素且它们的位置相互覆盖时。本文将...
《Firefox火狐浏览器的深度配置与优化指南》 Firefox火狐浏览器是一款开源、免费的网络浏览器，以其强大的安全性能和高度可定制性受到广大用户的喜爱。本文将深入探讨Firefox的各项设置，帮助用户充分利用其功能，...
火狐Firefox是一款深受全球用户喜爱的开源网络浏览器，它的24版本在当时被视为一个重要的里程碑。这个版本的Firefox以其稳定性、安全性和性能优化为特点，是开发者和测试人员的理想选择。下面将详细介绍Firefox 24...
Mozilla Firefox，中文俗称“火狐”（正式缩写为Fx或fx，非正式缩写为MF），是一个自由及开放源代码的网页浏览器，使用Gecko排版引擎，支持多种操作系统，如Windows、Mac OS X及GNU/Linux等。该浏览器提供了两种版本...
《Firefox火狐浏览器45.0.2-win64版本：深入解析与使用指南》 Firefox，又称为火狐浏览器，是由Mozilla基金会开发的一款开源、免费的网络浏览器，以其强大的安全性和用户隐私保护功能，以及丰富的插件生态系统，...
《Firefox火狐浏览器52.1.1esr-mac版本的深度解析与安装指南》 Firefox火狐浏览器，作为一款开源、免费的网络浏览器，以其强大的安全性、隐私保护及高度自定义性深受用户喜爱。52.1.1esr（Extended Support Release...
Firefox 29 - 完整包，下载后直接就能用，新手或懒得折腾的直接下载这个就行了 全新的重要自定义模式可轻松个性化您的Web体验，以访问您最常用的功能 Firefox的右上角有一个易于访问的新菜单，其中包含流行的...
《Firefox火狐浏览器49.0.2-win32版本：深入解析与使用指南》 Firefox，又称为火狐浏览器，是由Mozilla基金会开发的一款开源、跨平台的网页浏览器。这款浏览器以其高度定制化、安全性和隐私保护功能而受到全球用户...
《Firefox火狐浏览器51.0b2-win32版本：深入解析与使用指南》 Firefox，这款由Mozilla基金会开发的开源网络浏览器，以其强大的安全性能、高度的可定制性和出色的隐私保护机制，在全球范围内拥有大量的忠实用户。...
《Firefox火狐浏览器52.5.0esr-win32版本详解》 Firefox火狐浏览器，由Mozilla基金会开发，是一款开源、免费的网络浏览器，以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将深入探讨Firefox 52.5.0esr-...
firefox的插件，定位页面元素。
火狐firefox adblock xpi插件，adblock for macOS firefox，解决火狐浏览器安装adblock显示此页面在您的地区不可用问题，解压拖动到火狐浏览器即可安装，完美解决无法从插件市场安装的问题
《Firefox火狐浏览器45.0.2-win32版本详解》 Firefox，这款由Mozilla基金会开发的开源网络浏览器，自2004年首次亮相以来，就以其强大的功能、高度的可定制性和对用户隐私的重视赢得了全球用户的喜爱。在本文中，...
《Firefox火狐浏览器52.0.1-win32版本：深入解析与使用指南》 Firefox火狐浏览器，由Mozilla基金会开发，是一款全球知名的开源网络浏览器。本文将围绕"Firefox火狐浏览器官方52.0.1-win32版本exe安装包"进行详细...
自带的火狐浏览器太老了，通过该浏览器，很多功能都不能实现，实际上不是bug，只是该更新版本了，建议安装最新的火狐浏览器。条件限制，有时只能离线安装，可以下载此离线文件进行安装。 先把安装包拉进去，打开...
《Firefox火狐浏览器72.0.2-win32版本msi安装包详解》 Firefox火狐浏览器，作为全球知名的开源网页浏览器，以其强大的安全性能、丰富的扩展插件以及高度的自定义性深受用户喜爱。72.0.2-win32版本是针对Windows 32...
《Firefox火狐浏览器52.4.0esr-mac版本安装详解》 Firefox火狐浏览器，由Mozilla基金会开发，是一款开源、免费的网络浏览器，以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将详述针对Mac系统的Firefox ...
Firefox填写表单扩展 安装方法很简单，直接拖拽到火狐浏览器窗口中然后根据提示操作即可。 随时关注最新版： http://code.google.com/p/ffextension/downloads 火狐官方下载地址： ...
标题中的"Firefox 59"指的是Mozilla Firefox浏览器的第59个主要版本。Firefox是一款开源、免费的网络浏览器，以其安全、隐私保护和强大的功能而闻名。它支持多种操作系统，包括Windows、macOS和Linux。 在描述中...
IE+Firefox 下 EBS 中的 Form 环境配置 在本文中，我们将讨论如何在 IE 和 Firefox 浏览器下搭建 EBS 的 Form 环境，以便实现 IE 和 Firefox 下 Form 的同时工作。 首先，我们需要了解 EBS 的基本信息。EBS...