1.背景半透明效果的制作:
使用CSS实现,代码如下:
IE:filter:alpha(opacity=50);
FF: opacity: 0.5;
50和0.5都表示透明度为50%,数值越大透明度越低,越小则透明度越高
为了在这两种浏览器上都能正常显示,可以同时写在CSS中,示例代码如下
已在IE7和FF 3.0中测试通过,低版本未曾测试
#Layer1 {
position:absolute;
left:0px;
top:0px;
width:640px;
height:480px;
z-index:1; //将透明层置于其他层之上
background-color: #FF0000;
opacity: 0.5; //FF用法,也可用于支持CSS3的浏览器之上
filter:alpha(opacity=50); //只能用于IE之上
}
2.半透明效果的应用:
在使用DIV层模拟模式窗口时,效果不错,制作过程简要步骤如下:
当需要使用模式窗口时,显示出隐藏层模拟模式窗口,该层与页面同等大小,把页面完全覆盖住,使得页面无法接收事件,同时设定层的背景颜色和透明度,达到比较美观的效果,当处理完与用户的交互,再隐藏层,是页面重新显示。
showModalDialog方法尽量不要使用,非W3C标准,在新版本的FF上无法正常显示,使用DIV层模拟模式窗口,即美观兼容性又好。