首页 > Web开发 > 详细

css3整理--rgba

时间:2014-03-24 10:15:16      阅读:514      评论:0      收藏:0      [点我收藏+]
rgba语法:
  rgba(0, 0, 0,0.5)
;

  第一个参数:R 红色(0-255)
  第二个参数:G 绿色(0-255)
  第三个参数:B 蓝色(0-255)
  第四个参数:透明度(0-1)
使用rgba指定颜色的好处是:任何位置的颜色,使用rgba指定,都可以通过设置第四个参数来调整透明度。不仅仅可以设置背景色的透明度。
使用rgba指定背景透明和使用opacity指定背景颜色的透明度的区别:
  1、使用opacity指定背景颜色的透明度时,其内容也一起被设置透明度,导致内容模糊。如果不想内容模糊,只能如下处理:
  (单独设置一个元素做背景透明设置,其内容反而不在它内部)
  <div class="bg">
  
</div>
  
<div class="bg-content">
    <p>我是bg的后代元素,我不想我的前景有任何透明!怎么办?</p>
  </div>
  2、使用rgba指定背景颜色,可以通过调整最后一个参数值小于1来设置背景透明,而不会影响其内部的元素透明度

css3整理--rgba,布布扣,bubuko.com

css3整理--rgba

原文:http://www.cnblogs.com/charling/p/3620100.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!