在IE环境下，层遇到下拉框时总会出现层被下拉框所挡住的情形，这是怎么回事呢？
这是IE的一个bug(其它浏览器没有这个问题)，下拉框是个web control，其优先级很高，一般的控件无法在其上方，为解决此问题，总结了以下几种常用方法：
隐藏下拉框（最常用方法）
<![CDATA[&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
/*
* 要显示某个层时调用HideElements(oDiv)
* 隐藏某个层时调用ShowElements()
*/
/*
* 隐藏下拉框函数
*/
function HideElements(el)
{
if (!window.__temp__) window.__temp__ = new Array();
var o = [&quot;select&quot;,&quot;iframe&quot;,&quot;applet&quot;,&quot;object&quot;];
for (var i=0; i&lt;o.length; i++)
{
var elms = document.getElementsByTagName(o[i]);
for (var j=0; j&lt;elms.length; j++)
{
var p = getPosition(elms[j]);
var e = getPosition(el);
if (e.left + e.width &gt; p.left &amp;&amp; e.left &lt; p.left + p.width &amp;&amp;
e.top + e.height &gt; p.top &amp;&amp; e.top &lt; p.top + p.height)
{
window.__temp__[j] = elms[j];
elms[j].style.visibility = &quot;hidden&quot;;
}
}
}
function getPosition(el)
{
var e = el.offsetParent, x = el.offsetLeft, y = el.offsetTop;
while (e.tagName != &#39;BODY&#39;)
{
x += e.offsetLeft;
y += e.offsetTop;
e = e.offsetParent;
}
return {
&quot;left&quot;: x,
&quot;top&quot;: y,
&quot;width&quot;: el.offsetWidth,
&quot;height&quot;: el.offsetHeight
}
};
};
/*
* 显示下拉框
*/
function ShowElements()
{
var t = window.__temp__;
if (t) {
for (var i=0; i&lt;t.length; i++)
{
t[i].style.visibility = &quot;visible&quot;;
}
}
};
//--&gt;
&lt;/script&gt;
]]>
用iframe为载体（实用）
<![CDATA[&lt;div onclick=&quot;show()&quot;&gt;onclick test&lt;/div&gt;
&lt;div id=&quot;demo&quot; style=&quot;position:absolute;width:100;height:100;z-index:9999;visibility:hidden&quot;&gt;&lt;/div&gt;
&lt;select style=&quot;width:150px&quot;&gt;&lt;option&gt;see me ?&lt;/option&gt;&lt;/select&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
var i=0;
var ie = document.all ? 1 : 0;
var o = document.getElementById(&quot;demo&quot;);
var w = o.offsetWidth;
var h = o.offsetHeight;
if (ie)
o.innerHTML = &#39;&lt;iframe name=&quot;WebFrame&quot; frameborder=0 width=&quot;&#39; + w +
&#39;&quot; height=&quot;&#39; + h + &#39;&quot; marginwidth=0 marginheight=0&gt;&lt;/iframe&gt;&#39;;
function show()
{
var str = &#39;&lt;div style=&quot;border:1px solid;width:&#39; + w + &#39;px;height=&#39; + h + &#39;px&quot;&gt;hello&lt;/div&gt;&#39;
if (ie) {
var doc = window.frames[&quot;WebFrame&quot;].document;
doc.open();
doc.write(&#39;&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&#39; + str + &#39;&lt;/body&gt;&lt;script src=&#39;http://ad.nease.net/nnselect.js&#39;&gt;&lt;/script&gt;&lt;/html&gt;&#39;);
doc.close();
} else {
o.innerHTML = str;
}
o.style.visibility = ++i%2 ? &#39;visible&#39; : &#39;hidden&#39;;
};
//--&gt;
&lt;/script&gt;
]]>
用object为载体
popup方法（需IE5.5+）
<![CDATA[&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
var oPopup = window.createPopup();
oPopup.document.body.innerHTML = &#39;New Window&#39;;
oPopup.show(100, 100, 200, 200, oPopup.document);
/*
* window.createPopup产生的窗口可以跨载框架，更不用说下拉框了，但其使用有一定的限制，并不推荐使用
*/
//--&gt;
&lt;/script&gt;
]]>
浙公网安备 33010602011771号