<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>
<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>
其实就是Map.Layers.Add()把Layer加进去,但下层加载的地图就没有了!晕吧~
</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>