Javascript学习笔记

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层模拟模式窗口,即美观兼容性又好。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值