div 透明

来源:互联网 发布:美工拿刀的gif 编辑:程序博客网 时间:2024/04/29 04:32

ie div透明代码

黑白照片 filter: gray; 
X光照片 filter: Xray; 
风动模糊 filter: blur(add=true,direction=45,strength=30); 
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3); 
半透明效果 filter: Alpha(Opacity=50); 
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140); 
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200); 
白色透明 filter: Chroma(Color=#FFFFFF); 
降低色彩 filter: grays; 
底片效果 filter: invert; 
左右翻转 filter: fliph; 
垂直翻转 filter: flipv; 
投影效果 filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true); 
马赛克 filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3); 
发光效果 filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5); 
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2


<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"> 
     <span style="color:yellow">图层背景半透明,字体颜色也半透明</span> 
</div> 

<div style="filter:alpha(opacity=50);background:#ffffff;width:600"> 

<span style="position:relative;color:yellow">图层背景半透明,字体颜色不半透明</span> 

</div>

IE6不识别png格式背景无的图片加:

background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/h1.png', sizingMethod='crop');

#b {
background:url(*.png);
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='*.png',sizingMethod='image');
}

0 0
原创粉丝点击