<body bgcolor="#336699">
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow">图层背景半透明,字体颜色也半透明</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">图层背景半透明,字体颜色不半透明</span></div>

解决方案 »

  1.   

    大侠,我现在用的是开发WinForm版...晕啊,看来春节前是搞不定喽!!
    其实就是Map.Layers.Add()把Layer加进去,但下层加载的地图就没有了!晕吧~
      

  2.   

    你是不是想实现这个效果。可以参考下。祝好运
    </head>
    <script language='javascript'>
    var div1;
    var div2;
    function setDivTop()
    {
        var divTop = document.createElement("DIV");
        div1 = divTop;
        divTop.id="Hello";
        divTop.style.backgroundColor = "#000000";
        divTop.style.left = "0px";
        divTop.style.top = "0px";
        divTop.style.width = "100%";
        divTop.style.height = "100%";
        divTop.style.zIndex = 8888;
        divTop.style.position = "absolute";
        divTop.style.filter="alpha(opacity=50)";
        document.body.insertBefore(divTop,document.body.firstChild);
        _Resize(divTop)  ;
        setDivTopChild();
    }
    function setDivTopChild()
    {
        var divTop = document.createElement("DIV");
        var ifram = document.createElement("IFRAME");
        var btn = document.createElement("<input type='button' name='Button' value='解除遮盖' onclick='putDivTop()'>");
        div2 = divTop;
        divTop.id="Hell";
        divTop.style.backgroundColor = "#FFFFFF";
        divTop.style.width = "400px";
        divTop.style.height = "300px";
        divTop.style.top = "25%";
        divTop.style.left = "30%";
        divTop.style.zIndex = 8889;
        divTop.style.position = "absolute";
        ifram.src = "http://www.baidu.com";
        ifram.width="400px";
        ifram.height="300px";
        ifram.scrolling="no";
        divTop.insertBefore(ifram,divTop.firstChild);
        divTop.appendChild(btn);
        document.body.insertBefore(divTop,document.body.firstChild);
        
    }
    function   _Resize(obj)   
      {   
          obj.style.width   =   "100%";   
          obj.style.height=   "100%";   
        
          var   bodyCW,   bodyCH;   
          if(window.innerWidth)   
              bodyCW=window.innerWidth;   
          else   if(document.documentElement&&document.documentElement.clientWidth)   
              bodyCW=document.documentElement.clientWidth;   
          else   if(document.body)   
              bodyCW=document.body.clientWidth;   
        
          if(window.innerHeight)   
                bodyCH=window.innerHeight;   
          else   if(document.documentElement&&document.documentElement.clientHeight)   
                bodyCH=document.documentElement.clientHeight;     
          else   if(document.body)   
                bodyCH=document.body.clientHeight;   
        
          setTimeout(function()   //for   ie;   
          {   
              bodyCW   =   Math.max(document.body.scrollWidth,     bodyCW);   
              bodyCH   =   Math.max(document.body.scrollHeight,   bodyCH);   
              obj.style.width   =   bodyCW   +"px";   
              obj.style.height=   bodyCH   +"px";   
          },   1);   
      } 
      
      function putDivTop()
      {
            document.body.removeChild(div1);
            document.body.removeChild(div2);
      }  
      
    </script>
    <body>
        <form id="form1" runat="server">
        <div>
            HelloWorld!
            <input type='button' value="开始遮盖" onclick="setDivTop()"/>
        </div>
        </form>
    </body>
    </html>
      

  3.   

    我猜可能是要设该层的Zoom吧!