《
CSS3 RGBA颜色类型不等于RGB与opacity相加》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331962013.htm
body{
background:#f00;
}
#opacity{
,CSS3 Media Queries详解; width:400px;
,CSS3 Gradient 创建水晶按钮实例; height:100px;
background-color:#000,css3 border-image使用说明;
,CSS11个class与一个id谁的优先级高; color:#fff;
filter:alpha(opacity=50),css-sprite适用的条件 对css-sprite的理解; /* For IE */
opacity:.5;
}
<div id="opacity">怎么实现背景透明，内容不透明？</div>
有个长300px，高100px的div在body为红色的页面中； 该div领有不透明度为50%的玄色背景颜色,
CSS+DIV网页重构对比TABLE显著优势； 该div内容不容许呈现半透明效果，且文字为白色。
这里我们学习CSS3 RGBA颜色类型，应用它不等于RGB与opacity相加 。
想想不使用CSS3，我们是如何知足“背景透明，文字（内容）不透明”这种需求的？
根据需求里的已知前提，我们代码如下：
--> [
网站建设之]CSS3 RGBA色彩类型不即是RGB与opacity相加
,CSS+DIV网站优化(seo);
例如当初有个需求：
假如仅需满意IE,
CSS 通过一个样式表区分IE的各个版本，那么在原有的构造上加多一层，并将其设置为position:relative。效果如下：
Tag： opacity CSS3 RGBA RGB opacity ,CSS 连接后面加上 表示什么意思; CSS3 RGBA RGB
依据该需要中的3点请求，咱们须要得出的后果应如下图：
Figure 2: 内容也半透明了
Figure 1: 背景透明内容不透明
运行这段代码后，效果与需求3不合乎，内容也跟着容器成了半透明的,CSS 规范书写顺序，看其效果如下图：
有教训的前端工程师晓得，要到达需求所述的效果，上面的代码需要做些许变动：
以上2中方式，其中only ie的天然是不可取的，由于这是前端工程师的职责所在，我们必需使得大部门用户能得到雷同的休会，而不仅仅是某个范畴。
2.兼容大局部阅读器的处置方法：这也需要加多一层，不外要与原结构“同级”。效果如下：
(责任编辑：网站建设)
CSS3 RGBA颜色类型不等于RGB与opacity相加相关文章