本文共 825 字,大约阅读时间需要 2 分钟。
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表单只读的几种方法
转载地址:http://ielyo.baihongyu.com/