css学习笔记：div在IE6下无法遮盖select

来源：好好的好好时间：2009-04-30 13:21:00　

这次讨论一下关于select元素的一个问题，其实很早以前我就碰到过关于select元素的问题，这次做网站又被问到同样的问题，就是：一般div浮层在IE6下无法遮盖select标签，IE7和FF下div都可以遮住select标签。

列举个简单的实例阐述问题：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">#warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}.box { position:absolute; top:0; left:0; width:200px; height:200px; background:#FDF3D9; border:1px solid #EEAC53}</style></head><body><div id="warp"> <div class="box">dfsagdsa</div></div><form id="form1" name="form1" method="post" action=""><label><select name="select" id="select"> <option>测试选项</option> <option>测试选项2</option> <option>测试选项3</option></select></label></form></body></html>

div在IE6下无法遮盖select，原因是在IE6下，浏览器将select元素视为窗口级元素，这时div或者其它的普通元素无论z-index设置的多高都是无法遮住select元素的。

2 下一页

标签：div,ie6,标签,select

投稿

css学习笔记：div在IE6下无法遮盖select

猜你喜欢

python实点云分割k-means(sklearn)详解

String 的扩展方法

element-ui组件中input等的change事件中传递自定义参数

MySQL通透详解架构设计

详解Python 2.6 升级至 Python 2.7 的实践心得

Python用input输入列表的实例代码

CSS中写expression可能会在Chrome中有问题

Go语言中Goroutine的设置方式

简易CSS相册源代码

10个Python小技巧你值得拥有

python利用递归方法实现求集合的幂集

如何使用Git实现切换分支开发过程解析

Blender Python编程实现批量导入网格并保存渲染图像

python中namedtuple函数的用法解析

流行WEB开发语言比较之ASP篇

MySQL中DATE_FORMAT()函数的具体使用

golang中tar压缩和解压文件详情

PHP get_html_translation_table()函数用法讲解

wdcp添加tomcat，同时支持php和java教程

python网络爬虫selenium打开多窗口与切换页面的实现