日期:2013-05-02  浏览次数:21161 次

在我们前端设计里有两篇教程: CSS3 RGBA colors使用说明 css3中opacity属性学习与实践,他们公别引见了RGBA,RGB,opacity的用法,这里我们把这三个属性放在一同来考虑:CSS3 RGBA等于RGB加上opacity吗?

请别先回答,我们接下来分析分析。

以前我们经常会碰到这样一个问题,设置了一个div的opacity(通明度)当前,这个div层里的内容也跟着通明了,特别是文字,一通明就离我们想要的效果差很远了,显示这不是我们需求的。以前我遇风这种情况通常是把通明的div与原先放在他两头的内容分成两个平级的元素,然后通过定位来使内容的元素盖中通明div的上面,普通的问题还是可以处理,不过也不问题,想想,如果我们的内容有多有少的话,那怎样办?js吧,呵呵,又是这么没效益的事来了。

下面我们来看看在CSS3中遇见到这种情况的那些事儿

RGBA,RGB,opacity这三个属性前面都有讲过,这里我再反复一下,RGBA是定义一个颜色的红绿蓝值和这个颜色的通明度。RGB则只是定义了颜色的红绿蓝值,opacity是定义一个元素的通明度。发现重点了吗?

opacity是定义一个元素的通明度,对于一个网页来说,这里的元素及一个具体的“东西”,比如一个规划元素,一个图元素,页RGBA和RGB是定义的是这个元素的属性

我的理解是:定义元素跟定义元素属性这两个词跟元素本身的层次都不一样了。

我的理解可能不对,不过看看下面的实例,你就明白了

如今知道CSS3 RGBA等于RGB加上opacity吗?如果不明白,那我说一句吧:他们不相等!!