alpha是来设置透明度的。先来看一下它的表达格式：
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
哇，怎么这么长。是啊，不过这些参数都各有其用。
Opacity代表透明度等级，可选值从0到100，0代表完全透明，100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状；1代表线形；2代表放射状；3代表长方形。
Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。
从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。
实现上面这种效果的代码如下：
<html>
<head>
<title>alpha</title>
<style>//*定义CSS样式*//
<!--
div{position：absolute； left：50；top：70； width：150； }
//*定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）*//
img{position：absolute；top：20；left：40；
filter：alpha(opacity=80)}
//*定义图片的样式，绝对定位，滤镜属性是透明度为80*//
-->
</style>
</head>
<body>
<div>
<p style=“font-size：48；font-weight：bold；color：red；”>
Beautiful </p>//*定义字体属性，前景色为红色*//
</div>
<p><img src=“ss01076.jpg”> </p>
//*导入一张图片*//
</body>
</html>
如果在上面的代码中稍做改动，则将产生另外多种效果。我们只修改img的样式属性，把head中的Img样式属性代码改为如下所示：
img{position：absolute；top：20；left：40；
filter：alpha(opacity=0,finishopacity=100,
style=1,startx=0,starty=85,finishx=150,finishy=85);}
//*设置透明渐变效果，起始坐标，终止渐变坐标，并设置透明样式值（style=1）为 线形*//
这段代码产生的效果如左下图所示，右面的两幅图分别是把Alpha中的Style参数值为2和3后的效果，以上是CSS的Alpha滤镜属性的应用，具体应用还需要您自己找个例子练一练。
注意：
如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。
代码如下
<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;" onmouseover="this.style.MozOpacity=1;
this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;
this.filters.alpha.opacity=50">
在IE中需要通过"filter"来定义透明度"opacity"，而在Mozilla中是可以直接解析"opacity",所以如果要使得这个效果在两种浏览器中都得到支持，需要把两种设定都加进去。针对IE的设定：this.filters.alpha.opacity=50 而针对Mozilla的设定：this.style.MozOpacity=0.5. 大家可以直接用这行代码给图片定义，只须修改图片地址就能实现效果。
-------
opacity -- 不透明度
取值: <alphavalue> | inherit
<alphavalue>: 透明度取值(取值范围[0.0,1.0])
inherit: 继承
初始值: 1(不透明)
继承性: 是
适用于: 所有元素
from:http://tech.163.com/04/1231/14/18UGP4EN0009158P.html
分享到：
相关推荐
Alpha，设置透明度。 用法： 复制代码代码如下: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) Opacity：...
图片的透明效果是网页中需要用到的一种特殊形式，虽然不是非常的常用，但是遇到这样的需求往往有点措手不及，在jb51.net的文章中虽然有这方面的CSS实例，但还没有系统的介绍过CSS Alpha透明，我们今天共同学习一下...
alpha属性的参数设置 参数 具体含义及取值 opacity 代表透明度水准，默认的范围是从0到100，表示透明度的百分比。也就是说，0代表完全透明，100代表完全不透明 finishopacity 是一个可选参数，如果要设置渐变的透明...
1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...
现在有一个需求，需要对一个纯色的层实现半透明效果。效果如下，边框需要透明，透明度为 #000000 的 30%： 用各种浏览器打开下面这个 DEMO, IE9 有特殊显示：http://demo.jb51.net/js/2011/transparentbg/ 一、使用...
说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当...
主要为大家介绍了CSS实现让文字半透明显示在图片上的方法,实例分析了css使用filter:alpha控制半透明效果的技巧,需要的朋友可以参考下
使用filter的功能对图片元素进行透明度控制。 支持IE8，Chrome浏览器。 复制代码代码如下:<style type=’text/css’> /*透明20%*/ .opacity-20 { filter:alpha(opacity=20); /*支持IE浏览器的filter*/ -webkit...
解决方法： ①用PNG8格式图片替代PNG24格式的图片 用fireworks导出Alpha模式的PNG8格式的图片，Alpha模式的PNG8格式图片支持半透明，在IE6下全透明以及半透明部分会显示成全透明，并且会存在锯齿。如果对用户体验...
.opacity{ filter:alpha(opacity=50);...用 来设定一个元素为半透明 .filter = "alpha(opacity=" + opacity + ")"; /* IE */ .MozOpacity = (opacity / 100); /* 老版Mozilla */ .KhtmlOpacity = (opacity / 100); /
如何设置透明度？定义opacity属性，通过设置该属性能够使任何元素呈现出半透明效果，opacity属性的基本语法如下： |inherit 取值说明： 1、|是由浮点数和单位标识符组成的长度值。不可为负值，默认值为1.opacity取值...
复制代码代码如下: filter: alpha(opacity = 50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; 3、这种方法仅仅使用简短的代码，即可以实现设置透明度，也可以实现其中的文字以及节点中的元素设置...
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari： IE: filter:alpha(opacity) Mozilla: -moz-...
复制代码代码如下:.mask-layer { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;} 上面的几个属性分别是： 复制代码代码如下:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性...
这个代码段是演示用CSS控制一个DIV层的透明效果，大家可以看到平铺的背景已经显现出来，实际上比较简单就可以实现，就是用CSS控制一个DIV层，定义样式表时加入filter:alpha(opacity=65);这句代码，里面的值是用来...
在IE下的半透明层，必须在样式里明确定义宽度或高度，才能出现半透明效果，否则无法半透明，如下 复制代码代码如下:<style type=”text/css”><!– .tm { filter:alpha(opacity=50); opacity: 0.5; -moz-...
[code] .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} [/code] UPDATE: I wanted to pull this post out of the archives and update it a bit because it ...
把这两句代码加入到要实现半透明层的CSS样式表里即可，简单吧！！ 注：70和0.7的值可改为你需要的 body { background:url(/upfile/images/bg.jpg)} #layout { position:absolute; top:50px; left:50px; width:500px...
IE背景半透明 </title> <style type=”text/css”> .alpha{ width: 100px; height: 100px; color: #fff; background: rgba(0, 0, 0, .3); filter: progid:DXImageTransform.Microsoft.gradient...