div覆盖在dropdownlist之上的方法

下拉框，即Html的SELECT元素，.net设计时的DropDownList，是HTML中的windowed element，尤其ie6之后，几乎是唯一的windowed element（还有popup等少量极少用的的）。

普通的元素，textbox, div, table……这些，属于windowless element，它们之间互相遮盖的情况由z-index决定，在它们之上，是SELECT这些windowed element。

所以一般情况下div、table等不能遮盖select。这个问题广泛存在于各种弹出式控件的使用之中，比如日历控件等。如果要显示div，以前的做法是，动态的，在显示的时候，让div区域的select不可见，div消失的时候，再恢复这些select元素。这种做法比较奇怪，因为它严格上并不是“遮盖”了select，而是，让她整个消失了，如果calendar弹出元素只是应该遮盖select元素的一部分，但select却整个不见，用户也许会觉得奇怪；做起来也麻烦，要用js逐一判断各select的位置。
ie5.5之后，有一个新的小技巧，称之为“iframe shim”（iframe加塞:p），可以真正的“遮盖”select元素。它利用了一种特殊的元素：iframe。在ie5.5之前，iframe也是windowed element，但从5.5开始，iframe就是普通的windowless element了，可是，虽然是windowless element，iframe却可以盖住select。这种做法的原理就是：放一个iframe与你要显示的东西（比如说一个div）同样大小、位置，并设置z-index使得iframe在此DIV之下；这样，iframe遮盖了select，同时，iframe又在要显示的div的下面，div就露出来了。
限制：仅适用于ie5.5及以后版本。

eg.

..................
</iframe>
</div>

div覆盖在dropdownlist之上的方法相关推荐

div覆盖div DIV相互重叠如何解决
转载出处:http://www.divcss5.com/rumen/r674.shtml div覆盖div,出现div与div盒子之间产生重叠覆盖现象,而内容没有出现覆盖重叠现象原因与解决方法.DIV ...
关于从页面中获取用户控件中的其它控件（如DropDownList)事件的方法
在项目中经常把一些经常使用的代码做成用户控件以提高代码的可重用性, 一个经常遇到的就是在页面中调用用户控件中的服务器控件的事件,下面给出简单的代码示列. 我们在一个用户控件(MaterialRepor ...
php 正则获取某个div,php正则匹配html中带class的div并选取其中内容的方法
本文实例讲述了php正则匹配html中带class的div并选取其中内容的方法..具体分析如下: 先看一段html代码: 代码如下: 潮汐表数据仅供参考潮时 (Hrs) 00:58 05:20 13 ...
DIV+CSS布局图片加阴影效果方法
DIV+CSS布局图片加阴影效果方法转自:爱微网 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
android 浏览器 div穿透,解决IE 上重叠div 对 mouseover 事件的穿透方法之一
解决IE 下重叠div 对 mouseover 事件的穿透方法之一 ? ? ? ? 历经一天半的时间,我这前端的白痴终于想到了一个解决IE 下重叠div ?对 mouseover 事件的穿透方法. ? ...
CSS中div覆盖另一个div
将一个div覆盖在另一个div上有两种手段:一是设置margin为负值,二是设置绝对定位. 可以根个人情况设置z-index的值 1->position 为absolute的情况 <htm ...
方法覆盖（重写）和方法重载
方法覆盖(重写)和方法重载具有以下相同点: ·都要求方法同名. ·都可以用于抽象方法和非抽象方法之间. 方法覆盖和方法重载具有以下不同点: ·方法覆盖要求参数签名必须一致,而方法重载要求参数签名必须不 ...
js获取DIV的位置坐标的三种方法！
js获取DIV的位置坐标的三种方法! 方法一: var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect( ...
总结div里面水平垂直居中的实现方法
最近经常碰到要垂直居中的问题,所以想着总结一下:关于如何设置小盒子在大盒子里面水平垂直方向同时居中的实现方法有很多种,下面仅列举了常用的几种. 首先看一下要实现的效果图及对应的html代码: < ...
php 去除div标签,JavaScript_清除div下面的所有标签的方法，复制代码代码如下: div id=s - phpStudy...
清除div下面的所有标签的方法 function add1(){//添加一个div content-main var obj=document.createElement("div" ...

div覆盖在dropdownlist之上的方法

div覆盖在dropdownlist之上的方法相关推荐

最新文章

热门文章