`
zyn_cool
  • 浏览: 27757 次
  • 性别: 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>



分享到:
评论

相关推荐

    firefox下绝对定位元素重叠造成不可点击问题

    在Firefox浏览器中,当涉及到CSS布局的绝对定位(absolute positioning)时,可能会遇到一个常见的问题:元素重叠导致某些元素变得不可点击。这个问题通常出现在有多个绝对定位元素且它们的位置相互覆盖时。本文将...

    Firefox火狐设置

    《Firefox火狐浏览器的深度配置与优化指南》 Firefox火狐浏览器是一款开源、免费的网络浏览器,以其强大的安全性能和高度可定制性受到广大用户的喜爱。本文将深入探讨Firefox的各项设置,帮助用户充分利用其功能,...

    Firefox 火狐浏览器安装包

    火狐浏览器(Mozilla Firefox)是一款由Mozilla基金会和志愿者共同开发的开源网络浏览器,以其高度定制性、安全性和性能而受到用户欢迎。以下是一份描述: 火狐浏览器是一款跨平台的开源网络浏览器,由Mozilla基金...

    火狐Firefox24版本

    火狐Firefox是一款深受全球用户喜爱的开源网络浏览器,它的24版本在当时被视为一个重要的里程碑。这个版本的Firefox以其稳定性、安全性和性能优化为特点,是开发者和测试人员的理想选择。下面将详细介绍Firefox 24...

    deepin linux如何安装最新版firefox火狐浏览器.docx

    Deepin Linux 安装最新版 Firefox火狐浏览器详解 在 Deepin Linux 操作系统中,安装最新版的 Firefox 火狐浏览器可以通过下载最新版的 Firefox 压缩包并解压缩来实现。下面是详细的安装步骤: 首先,用户需要在 ...

    Firefox火狐浏览器官方Setup 45.0.2-win64版本exe安装包

    《Firefox火狐浏览器45.0.2-win64版本:深入解析与使用指南》 Firefox,又称为火狐浏览器,是由Mozilla基金会开发的一款开源、免费的网络浏览器,以其强大的安全性和用户隐私保护功能,以及丰富的插件生态系统,...

    Firefox火狐浏览器官方52.1.1esr-mac版本dmg安装包

    《Firefox火狐浏览器52.1.1esr-mac版本的深度解析与安装指南》 Firefox火狐浏览器,作为一款开源、免费的网络浏览器,以其强大的安全性、隐私保护及高度自定义性深受用户喜爱。52.1.1esr(Extended Support Release...

    Firefox火狐浏览器官方49.0.2-win32版本exe安装包

    《Firefox火狐浏览器49.0.2-win32版本:深入解析与使用指南》 Firefox,又称为火狐浏览器,是由Mozilla基金会开发的一款开源、跨平台的网页浏览器。这款浏览器以其高度定制化、安全性和隐私保护功能而受到全球用户...

    Firefox火狐浏览器官方45.0.2-mac版本dmg安装包

    《Firefox火狐浏览器45.0.2-mac版本安装详解》 Firefox火狐浏览器,作为全球最受欢迎的网络浏览器之一,以其开源、免费、安全、可定制化的特点赢得了广大用户的青睐。本文将详细介绍如何在Mac操作系统上安装Firefox...

    Firefox火狐浏览器官方Setup 45.0-win64版本exe安装包

    Firefox火狐浏览器是一款深受用户喜爱的开源网络浏览器,其官方Setup 45.0-win64版本是专为Windows 64位操作系统设计的。这个安装包提供了稳定、安全且功能丰富的网页浏览体验,旨在满足不同用户的需求。下面将详细...

    Firefox火狐浏览器官方16.0.2-win32版本exe安装包

    **Firefox火狐浏览器** Firefox,又称为火狐浏览器,是由Mozilla基金会开发的一款开源网络浏览器。它基于Gecko渲染引擎,支持多种操作系统,包括Windows、Linux和macOS。Firefox 16.0.2-win32是针对Windows 32位...

    Firefox火狐浏览器官方Setup 78.9.0esr-win64版本exe安装包

    3. 安装完成后,启动Firefox,首次运行会提示创建个人资料并进行一些基本设置。 4. 升级和更新:Firefox会自动检测并下载新版本,用户也可以在设置中手动检查更新。 使用过程中,用户还可以自定义浏览器界面布局,...

    Firefox火狐浏览器官方51.0b2-win32版本exe安装包

    《Firefox火狐浏览器51.0b2-win32版本:深入解析与使用指南》 Firefox,这款由Mozilla基金会开发的开源网络浏览器,以其强大的安全性能、高度的可定制性和出色的隐私保护机制,在全球范围内拥有大量的忠实用户。...

    Firefox火狐浏览器官方Setup 52.0.2-win64版本exe安装包

    《Firefox火狐浏览器52.0.2-win64版本安装详解》 Firefox火狐浏览器,作为一款全球知名的开源网络浏览器,以其强大的功能、高度的定制性和安全性深受用户喜爱。52.0.2-win64是Firefox针对Windows 64位系统的一个...

    Firefox火狐浏览器官方1.5.0.6-win32版本exe安装包

    《Firefox火狐浏览器1.5.0.6-win32版本安装详解》 Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox 1.5.0.6-win32的官方...

    支持Flash插件的Firefox火狐浏览器

    **标题详解:**“支持Flash插件的Firefox火狐浏览器” 在互联网的早期,Adobe Flash是一种广泛用于创建动态内容和多媒体交互的技术。然而,随着HTML5等更现代、更安全的替代品出现,Adobe公司宣布在2020年底停止对...

    Firefox火狐浏览器官方10.0.2-win32版本exe安装包

    《Firefox火狐浏览器10.0.2-win32版本:深入解析与使用指南》 Firefox,这款由Mozilla基金会开发的开源网络浏览器,以其强大的安全性能、高度的自定义性和丰富的扩展插件深受全球用户的喜爱。本文将针对“Firefox...

    Firefox火狐浏览器官方45.0.2-win32版本exe安装包

    《Firefox火狐浏览器45.0.2-win32版本详解》 Firefox,这款由Mozilla基金会开发的开源网络浏览器,自2004年首次亮相以来,就以其强大的功能、高度的可定制性和对用户隐私的重视赢得了全球用户的喜爱。在本文中,...

    Firefox火狐浏览器官方Setup 45.0b10-win64版本exe安装包

    《Firefox火狐浏览器45.0b10-win64版本安装详解》 Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将详述Firefox 45.0b10-win64...

    Firefox 火狐浏览器24.0下载安装

    《Firefox 火狐浏览器24.0:深入解析与安装指南》 Firefox 火狐浏览器是一款由Mozilla基金会开发的开源网络浏览器,以其高度定制化、安全性以及对Web标准的良好支持而广受用户喜爱。在本文中,我们将详细探讨Fire...

Global site tag (gtag.js) - Google Analytics