用CSS实现多浏览器兼容的透明度效果

由于IE功能不健全，导致很多功能不支持，必须得要写hack或其它方法来实现其它浏览器的效果

如IE不支持 opacity 这个属性呢？这个问题已经存在很长很长时间了，其实 opacity 是 CSS3 的属性，虽然IE不提供支持，但是IE可以通过专用的过滤器属性提供类似的透明度设置。

是不是很奇怪，为什么 IE 就是和别人不一样呢？

#text_opacity {
    /* other browsers */
    opacity: 0.4;
    /* this works in IE6, IE7, and IE8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    /* this works in IE8 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
}

实际上你只需要使用第二行，就支持所有的 IE 版本了，不过在某些场合，如果只需要给 IE8 设置透明度的话，而 IE6，7 则不需要，这种情况下，请使用第三行就好了。

在 IE 中透明度的值是 0-100 之间的整数，而在其他浏览器中则为 0-1 之间的小数。