css opacity

 

（1）#a{opacity:0.7;}或者#a{opacity:.7;}（1不透明，0完全透明，精确度可以达到0.01，不过区别不是很大）//IE9,和其他都行

（2）#a{filter：alpha（opacity=10）；｝（100不透明，0完全透明）//理论上IE6、7、8可以，但是IETest中的IE6不行，有待考究

（ps：上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意：为了使得透明设置生效，元素必须是“有布局”。一个 元素可以通过使用一些CSS属性来使其被布局，有如width 和 position。）

（3）js:document.getElementById("a").style.opacity="0.4";//IE外所有浏览器以及IE9

           document.getElementById("a").style.filter="alpha(opacity=40)";//针对IE

（4）jQuery：$("#a").css({"opacity":0.4});//所有通用

（5）css3中rgba：#a｛background：ragb（90，90，90，0.4）；｝//前面三个是定义颜色，后面是定义不透明度

        css3中hsla： #a {background: hsla(207, 38%, 47%, .4);}//Hue（色调）, Saturation（饱和度）, Lightness（亮度）, 和Alpha

     这两个的好处是不会影响子元素，只改变背景的颜色