博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html绝对定位重叠,HTML_firefox下绝对定位元素重叠造成不可点击问题,重构地图网站过程中碰到的,f - phpStudy...
阅读量:6502 次
发布时间:2019-06-24

本文共 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/

你可能感兴趣的文章
京东校招java笔试题_试卷: 京东2019校招笔试Java开发工程师笔试题(1-)
查看>>
java怎么删除创建的类_一个java创建,删除,构建Jenkins等功能的JenkinsUtil工具类...
查看>>
编程java梦想数_JAVA基础总结
查看>>
java初始化重排_JAVA并发环境下指令重排带来的问题
查看>>
java connection 共享_【java項目實戰】ThreadLocal封裝Connection,實現同一線程共享資源...
查看>>
java中锁的等级_深入浅出!对象级别锁 vs 类级别锁 – Java
查看>>
php 5.4 memcache,linux下php5.4添加memcache扩展
查看>>
php session作用,session的作用是什么
查看>>
php 两行数据合并,PHP如何实现统计数据合并
查看>>
java国外研究综述,国内外研究现状_毕业论文
查看>>
php执行事务,thinkPHP框架中执行事务的方法示例
查看>>
php 两个值比较大小写,php比较两个字符串(大小写敏感)的函数strcmp()
查看>>
java3d获取模型在xoy平面的投影,将3D世界点投影到新视图图像平面
查看>>
php 修改图片src,jq修改src图片地址 .attr is not a function
查看>>
sudo php 无法打开,从PHP / Apache,exec()或system()程序作为root用户:“ sudo:无法打开审核系统:权限被拒绝”...
查看>>
Microsoft dotnetConf 2015 一些整理
查看>>
在Android Studio中使用shareSDK进行社会化分享(图文教程)
查看>>
转载:APP的上线和推广——线上推广渠道
查看>>
******IT公司面试题汇总+优秀技术博客汇总
查看>>
Java线
查看>>