• rgba()和opacity的使用


    rgba()表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数,“可以让制定的颜色透明化”(rgb()上扩展的,其只可以设置颜色,而不能使设置的颜色透明化)

    例子:rgba(55,146,179,.5) ;   //rgb值为“55,146,179”,.5使设定的rgb值为50%透明,1为完全不透明,0为完全透明

    opacity属性是css3的属性,也可以实现透明效果 

    例子:opacity:.65;    //1为完全不透明,0为完全透明 

    rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,

    而rgba()只作用于元素的颜色或其背景色 

    两种都不被IE支持(IE9开始支持)

    若要为使浏览器兼顾怎么办,下面举例可以解决这个问题:

    background:rgb(55,146,179);     /*for IE*/

    background:rgba(55,146,179,.25); /*for browsers that support RGBA*/

  • 相关阅读:
    Vue知识总结
    Excel使用技巧
    java框架总结
    java反射学习总结
    java虚拟机
    vue学习知识
    mysql索引知识
    前端函数定义及表格总结
    SpringMVC异常处理
    restful风格的概念
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4173940.html
Copyright © 2020-2023  润新知