div层怎么覆盖select

Question

RT
    还望高手给点思路给点例子!
    
    网上有一种思路很不错,但自己没法实现.思路就是用z-index值高于select的iframe挡住select,再用z-index值高于iframe的div挡住iframe.设置iframe的尺寸足够盖住select就可以了.
    底下是div提示信息的js
   // JScript 文件
//*************************************************点击查看邮件信息**********************************************气球提示javascript
//***********默认设置定义.*********************
tPopWait=1; //停留tWait豪秒后显示提示。
tPopShow=6000; //显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=95;
fontcolor="#333333";
bgcolor="#f7f7f7";
bordercolor="#000000";//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText {  background-color: " + bgcolor + ";color:" + fontcolor + "; border: 1px " + bordercolor + " solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<iframe id='dypopr' class='cPopText' name=iframe1 style='position:absolute;z-index:5;'></iframe>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:9990' class='cPopText'></div>");function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass 
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}

}
}function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;

        deltaX=window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0
        deltaY=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0 

dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust+deltaX;
dypopLayer.style.top=MouseY-12+document.body.scrollTop+popTopAdjust+deltaY;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;

Answer 1

如果是IE浏览器的话，需要对select进行隐藏(这或许是IE浏览器的一个Bug):
objSelect.style.display="none";

Answer 2

呵呵，div后面再加个透明 的frame

Answer 3

一般都是用iframe去挡住的,还有一些常规的就是隐藏那些select

Answer 4

呵呵直接给你源码吧   我以前也是这问题<div id="div1" style="border-right: 4px outset; border-top: 4px outset; z-index: 103;
        background: #edf9fe; border-left: 4px outset; width: 400px; border-bottom: 4px outset;
        position: absolute; top: 120px; left: 50%; margin-left: -250px; display: none;">
你的内容 <iframe style="z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
            left: 5px; visibility: inherit; width: 100%; position: absolute; top: 3px; height: 100%" src="javascript:false">
</iframe>
</div>

Answer 5

上网去搜索一下有这方面的资料，我以前也是从网上搜来的，去cnblogs上搜搜看