在程序中定义div,用div进行遮挡。
在项目中使用代码:
<!-- div(layMap)用来显示用户看到的处理结果 -->
<div id="layMap" style="height: 500px; margin-right: 3px; margin-left: 3px;border-color:inherit; background-color:Blue;"></div>
<!-- div(layMessage)实现遮挡处理过程 -->
<div id="layMessage">
<iframe id="MapLoading" name="MapLoading" src="MapLoading.aspx" frameborder="0" height="100%" width="100%">
</iframe>
</div>
在处理过程开始的时候调用以下代码进行遮挡:
var obj = document.getElementById("layMessage");
或者obj.style.display = "block";
处理过程结束后调用以下代码实现撤销遮挡:
var obj = document.getElementById("layMessage");
obj.style.display = "none";
遮挡的时候,常用的有两种方法。
1、 设置div背景颜色并且设置其他的CSS相关信息。
<div id="display" style="position: absolute; display: block; z-index: 100; left: 0;
text-align: center; vertical-align: middle; top: 0; width: 100%; height: 758px;
background-color: Gray; filter: alpha(opacity=10); font-size: 24;">
</div>
2、 在div中设置iframe,在iframe设置的页面中设置想要的图片或者其他信息。
<div id="layMessage">
<iframe id="MapLoading" name="MapLoading" src="MapLoading.aspx" frameborder="0" height="100%" width="100%">
</iframe>
</div>
iframe调用的页面中添加image标签,该image指向图片地址