CSS 元素透明

1、HTML 元素透明

　　其实本身，CSS 实现元素透明是件容易事儿。直接上代码：

 

1. opacity:.5

 

取值为 0~1 之间，1 表示完全不透明，0 表示完全透明。　　不过 IE 有滤镜，可以帮助我们拐弯抹角地搞定不透明度：

 

2. filter:alpha(opacity=50);

 

注：事实上会碰到透明背景层，而 opacity 属性是会继承的，避免这个问题，需要结合定位来实现

 

2、背景图片透明直接上代码：

 

3. _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mangguo.png',sizingMethod='crop');

 

　　但碰上 IE6，又悲剧了。在 CSS 文档和页面地址不一致时（比如很多网站会将静态资

　　源放置于和站点本身不同域的 CDN 服务器上），会导致滤镜引用的图片不可获取。所

　　以一旦资源跨域，必须保证图片地址为绝对路径。