html绝对定位重叠,HTML_firefox下绝对定位元素重叠造成不可点击问题，重构地图网站过程中碰到的，f - phpStudy...

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

重构地图网站过程中碰到的，firefox下(无论诡异模式或标准模式)当两个绝对定位的div发生重叠(即一个div盖在另一个div上)时，下面的div变得不可点击了。解决的方法是设置z-index，z-index值大的就可以点击了。而IE下，即使z-index值高的div，下面的div中的button仍然可以点击。

如下htmlbug重现：

Html代码

HTML　PUBLIC　"-//W3C//DTD　HTML　4.01　Transitional//EN">

02.html

#d1{

position:absolute;

top:31%;

left:41%;

width:200px;

height:100px;

border:1px　solid　gray;

padding:5px;

/*z-index:1;*/

}

#d2{

position:absolute;

top:30%;

left:40%;

width:230px;

height:130px;

border:1px　solid　red;

/*z-index:2;*/

}

可以试着修改两个div的z-index在firefox和IE下测试下相关阅读:

Linux桌面环境GNOME和KDE的切换

在次封装easyui-Dialog插件实现代码

javascript实例教程(6-1)

PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]

JS、CSS文字切换，定时交替，代码精简

javascript 获取网页参数系统

用Getopt在Linux下获取命令行参数方法

关闭开机自检磁盘和windows Dr.watson

为DB2数据库创建表空间

事件模型在各浏览器中存在差异

innerHTML的认识

ajax+asp无限级分类树型结构的代码

IPTABLES配置实例

让input表单只读的几种方法