通过CSS创建透明图像是很容易的。(推荐学习：CSS教程)

 

　　注：CSSopacity属性是W3CCSS推荐标准的一部分。

 

　　实例1-创建透明图像

 

　　定义透明效果的CSS3属性是opacity。

 

　　首先，我们将展示如何通过CSS来创建透明图像。

 

　　常规图像：

 

　　cj-112.jpg

 

　　带有透明度的相同图像：

 

　　cj-113.jpg

 

　　请看下面的CSS：

 

　　img

 

　　{

 

　　opacity:0.4;

 

　　filter:alpha(opacity=40);/*针对IE8以及更早的版本*/}

 

　　IE9,Firefox,Chrome,Opera和Safari使用属性opacity来设定透明度。opacity属性能够设置的值从0.0到1.0。

 

　　值越小，越透明。IE8以及更早的版本使用滤镜filter:alpha(opacity=x)。x能够取的值从0到100。值越小，越透明。