用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 之间的小数。

 

此条目发表在 CSS Hack 分类目录,贴了 , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>