使用半透明的DIV实现禁用页面功能,浏览器不兼容
yanghaiskys
2009-02-26
哪位大侠有时间帮我改造下,在IE中可以,在Firefox和Opera中不启作用,需要再改进。谢谢!!
使用半透明的DIV实现禁用页面功能 实现功能:弹出一个DIV层提示等待信息,这个时候禁用用户操作页面中的其他内容。 弹出DIV: <div id="divWaiting" style="display: none; z-index: 1100; left: 25%; right: 25%; position: absolute; text-align: center; width: 50%; height: 50px; border-right: #009900 1px solid; border-top: #009900 1px solid; border-left: #009900 1px solid; border-bottom: #009900 1px solid; background-color: #f9fff6; left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft); top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);"> <br> The system is dealing with your request, please waiting </div> 弄一个全屏的DIV来覆盖页面: <div id="divDisable" style="display: none;width:expression(document.body.offsetWidth);height:expression(document.body.offsetHeight); z-index: 1000; position: absolute;left: 0px; top: 0px;filter:alpha(opacity=50); background-color:White"></div> 点击按钮的操作: document.getElementById("divWaiting").style.display=""; document.getElementById("divDisable").style.display=""; |
|
cgjcsl
2009-04-02
我大概看了下,
1,display最好等于“block” 2,在firefox下,设置半透明,opacity=0.5 我没运行,但愿我的建议对你有帮助。 |
|
欣水寓言
2009-04-18
css的expression是ie特有的
ff和op是不支持的,去掉这个属性吧 用脚本来实现修改属性就可以了 |