`
meteoren
  • 浏览: 10275 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics