首页 » 记事本 » CSS透明

CSS透明

网页前端开发中,为了实现一些特殊效果,需要将页面元素变透明,本文介绍用 CSS 实现支持 Firefox 和 IE 的 Alpha 透明效果。

IE使用私有属性filter:alpha(opacity),而标准的属性是opacity(CSS 3, Moz Family部分支持CSS3)。后面的数值是透明度,使用百分比或者小数。

filter:alpha(opacity=50); /* IE私有属性 */
opacity: 0.5; /* 支持CSS3的浏览器*/

IE中的HTML元素要实现透明,则其必须具备layout,这样的元素有仅可读的属性hasLayout,且其值为true。

还可以可以用 background-color: rgba() 来实现,同样可以实现透明效果,并且只应用于当前元素,不继承。

background:rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');
此文章发表在 记事本. 将 固定链接 加入收藏.