图片 也传不上来,大家就听我口述吧, 我有一个右键点击然后跳出来一个对话框 ,里面可以添一些内容,这个对话框有边框,可是却被另一个我从别的地方导进来的东西给盖住了,但是它只盖住了我这个右键点击调出来的对话框的边框 别的地方没盖上,我想知道 如果把这个对话框显示在最前,被挡住的边框也要显示出来. 我想要一些能够解决我这个的javascript代码,请大家帮我想想.CSDN就这点好呀,人牛.别的不说了,明天上来就等大家的好消息了.谢谢了.
还有就是 我导进来的那个是iframe导的,我也不知道怎么解决就等大家了.

解决方案 »

  1.   

    如何避免层被其它对象挡住
    http://www2.flash8.net/teach/3959.htm
      

  2.   


       function isxhtml()
    {
    var h1 = document.body.clientHeight;
    var h2 = document.documentElement.clientHeight;
    var isXhtml = (h2>=h1&&h2!=0)?true:false;
    return isXhtml
       }
           
           function getBodySize(){ 
    var bodySize = []; 
    var elementSize = [];
    if (isxhtml())
    {

    elementSize[0] = "100%" 
    elementSize[1] = ((Math.max(document.documentElement.clientHeight,document.documentElement.scrollHeight))-400)+"px";
    elementSize[2] = ((Math.max(document.documentElement.clientHeight,document.documentElement.scrollHeight))-350)+"px";
    return  elementSize
    }
    else{
    bodySize[0] = (Math.max(document.body.scrollWidth,document.body.clientWidth))+"px";
    //如果滚动条的宽度大于页面的宽度,取得滚动条的宽度,否则取页面宽度 
    bodySize[1] = ((Math.max(document.body.scrollHeight,document.body.clientHeight))-400)+"px";
    bodySize[2] = ((Math.max(document.body.scrollHeight,document.body.clientHeight))-350)+"px";
    //bodySize[2] = (document.body.scrollTop>document.body.offsetTop)?document.body.scrollTop:document.body.offsetTop;
    return bodySize; 
    }
    }
           
       
       function sAlert(txt){  
     
    //var eSrc=(document.all)?window.event.srcElement:arguments[1];
    var shield = document.createElement("DIV");
    shield.id = "shield";
    shield.style.position = "absolute";
    shield.style.left = "0px";
    shield.style.top = "0px";
      
    shield.style.width = getBodySize()[0];
    shield.style.height = getBodySize()[1];
    shield.style.background = "#333";
    shield.style.textAlign = "center";
    shield.style.zIndex = "10000";
    shield.style.filter = "alpha(opacity=80)";
    shield.style.opacity = 80;
    var alertFram = document.createElement("DIV");
    alertFram.id="alertFram";
    alertFram.style.position = "absolute";
    alertFram.style.left = "55%";
    alertFram.style.top = getBodySize()[2];
    alertFram.style.marginLeft = "-225px" ;
    //alertFram.style.marginBottom = -75+ getBodySize()[2]+"px";
    alertFram.style.width = "300px";
    alertFram.style.height = "60px";
    alertFram.style.background = "#fff";
    alertFram.style.textAlign = "center";
    alertFram.style.border="1px solid #9999CC";   //#C4E6FF
    alertFram.style.zIndex = "10001";   
    strHtml  = "<div style=\"text-align:left;font-size:12px;padding:5px;background:url('/SXPortal/images/loadbg.gif') repeat-x \">";
    strHtml += "</div>"; //strHtml += "请稍候...</div>"
    strHtml += " <div style=font-size:12px; >"+"<img src='/SXPortal/images/loading.gif' align=absmiddle hspace=8 vspace=4>"+txt+"</div>";


    alertFram.innerHTML = strHtml;
    document.body.appendChild(alertFram);
    document.body.appendChild(shield);
    this.setOpacity = function(obj,opacity){
    if(opacity>=1)opacity=opacity/100;
    try{ obj.style.opacity=opacity; }catch(e){}
    try{ 
    if(obj.filters.length>0&&obj.filters("alpha")){
    obj.filters("alpha").opacity=opacity*100;
    }else{
    obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
    }
    }catch(e){}
    }
    var c = 0 ;

    setOpacity(shield,c);


    document.body.onselectstart = function(){return false;}
    document.body.oncontextmenu = function(){return false;}
    }
    很简单上面王个函数加在<head></head>之间,然后在只调用sAlert("一句话"),立即产生浮动层效果<script type="text/javascript">
        
           sAlert("正在处理中,请稍侯......"); 
     </script> 
      

  3.   


    很简单<head> </head>之间加上三个函数 ,然后在调用sAlert("一句话"),立即产生浮动层效果 <script type="text/javascript"> 
        
          sAlert("正在处理中,请稍侯......"); //调用sAlert函数
    </script> 
      

  4.   

    style中有个属性叫z-index.大的排上面,小的排下面(被大的遮盖).不过对window型控件无效.如select.如果遇到window控件.要将其判断覆盖.然后隐藏.