层盖住下拉列表框问题解决方案
解决方案 问题 列表框
2023-06-13 09:14:01 时间
IE6真的让人很郁闷。但是就目前而言,我们还是不能放弃对IE6的兼容。从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的。
本来想顺便说说web标准中这个“标准”到底是个什么东西,但是发现,还是明日另起一篇吧。因为这个不是“顺便说说”就能说清楚的。我们今天还是不如这个正题——如何让层盖住下拉列表框?
非常郁闷或者非常幸运的说一下:这个问题只会出现IE7之前那些对web标准支持不好的浏览器中(例如现在非常主流的IE6-_-b... ),IE7和FF都不会出现这个问题。截图为证:
#divUp
z-index
position
background-color
width
height
overflow
height
#ddlTest
width
z-index
对于IE6,其实我们也并不是没有办法,虽然我们不得不承认这个办法很“挫”,但是这个是目前最有效的办法。那就是在下拉列表上方加一个iframe,然后让div层浮在iframe上方,这样,就能使div“盖住”下拉列表。如果你要问“为什么”,那么,首先恭喜你,你是个好同学,不像很多人只在网上找解决办法,而不是找知识(例如我-_-b...),然后我会告诉你,这个没有为什么,这个就是IE6的诡异解析。如果一定要问为什么,我只能告诉你,在IE6看来,如果只有div和select,无论你的z-index怎么设置,div的层永远被会被select标签踩在脚底,而iframe则可以爬到select头上,所以,下面的方法之所以能解决问题,是因为iframe在select上方,而div搭着iframe的顺风车也爬到了select的头上,这有点像这样:一条京叭狗(div)平时老是被大狼狗(select)踩到脚底欺负,这天,京叭的主人(iframe)抱着京叭把大狼狗踩到了脚底。这时候京叭自然就在大狼狗的头上了。扯远了,给出解决方案代码:
body
font-size
#zindexDiv
position
z-index
width
height
top
left
#divUp
z-index
position
background-color
width
height
overflow
height
#ddlTest
width
z-index
相关文章
- 第一线荣获快消品行业“最具潜力SD-WAN解决方案奖”
- SOLIDWORKS交通运输解决方案
- 高并发系统数据幂等的解决方案
- SqlServer Mysql数据库修改自增列的值及相应问题的解决方案
- Oracle导dmp出现文件ORA-12154: TNS: 无法解析指定的连接标识符问题的解决方案
- 异常:java.lang.ClassNotFoundException: javax.xml.bind.JAXBException 分析几解决方案详解编程语言
- Oracle文件存储技术:安全可靠的解决方案(oracle文件存储)
- MySQL权限缺失问题解决方案(mysql权限不足)
- 修改Oracle监听端口快速解决方案(oracle监听端口修改)
- MySQL中文乱码问题解决方案(mysql显示不出中文)
- Oracle乱码问题解决方案(oracle汉字是乱码)
- 最长别名:Oracle数据库解决方案(oracle别名长度)
- Linux清空文件:快速解决方案(linux清空一个文件)
- 解决MySQL主从同步问题:寻找主从报错的根源与解决方案(mysql主从报错)
- Oracle记录:限制大小的解决方案(oracle 记录 大小)
- MySQL 加载失败:寻求解决方案(无法加载 mysql)
- Oracle虚拟化:让企业系统更高效的技术解决方案(oracle 虚拟化)
- Linux系统上网问题解决方案(linux是否可以上网)
- 问题MSSQL中游标变量赋值的解决方案(mssql 游标变量赋值)
- MySQL报错11004解决方案(mysql中11004)
- 01658oracle解决数据库运行问题的完美解决方案(01658oracle)
- ZK分布式锁与Redis分布式解决方案的比较(zk分布式锁与redis)
- Oracle全能解决方案集合(oracle产品大全)
- MySQL建议避免使用空值的原因及解决方案(mysql不要空值)
- MySQL中文处理问题的解决方案(mysql不能处理中文)
- MySQL不等号索引失效问题的解决方案(mysql不等号索引失效)
- 红色宝石集群管理的完美解决方案(redis集群管控)
- Redis连接池简单易用的解决方案(redis连接池是啥)
- 使用Redis遇到的NA问题解决方案(redis返回NA)
- 数据Redis一种可存储各种数据的解决方案(redis能存储哪些)
- ajaxsession过期问题的几个解决方案
- MySQL删除大表的性能问题解决方案
- 在FireFox/IE下Response中文文件名乱码问题解决方案
- php集成环境xampp中apache无法启动问题解决方案