您的位置:阿里西西 > 前端技术 > CSS教程 > 详细内容

CSS设置层div的透明度

  本站整理   互联网   2011-10-20   点击:   我要评论

1.样式代码

#layout { position:absolute; top:50px; width:500px;  background:#fff; filter: alpha(opacity=70); opacity: 0.7;}

1.弹出窗口出现灰色透明背景,内容层不能操作.

定义两个层:
<div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;left:0px; width:100%; height:100%;"></div>
<div style="position:absolute;">内容</div>

2.用下面的样式表定义你的层 
.alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}
解释:
Opacity=开始的不透明度(100的话就不透明了) 
FinishOpacity=结束的不透明度(100的话就不透明了) 
Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊... 
StartX=开始透明的X坐标,基本上为图片、层的左上角(0) 
StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0) 
FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度) 
FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)



更多关于 的文章
相关阅读
会员评论所有会员评论

  

相关排行总榜

网页教程

站长文章

特效排行