zoukankan      html  css  js  c++  java
  • css:对opacity的一些了解

    首先,opacity是css3的规范,不是标准规范、

    (1)#a{opacity:0.7;}或者#a{opacity:.7;}(1不透明,0完全透明,精确度可以达到0.01,不过区别不是很大)//IE9,和其他都行

    (2)#a{filter:alpha(opacity=10);}(100不透明,0完全透明)//理论上IE6、7、8可以,但是IETest中的IE6不行,有待考究

    (ps:上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意:为了使得透明设置生效,元素必须是“有布局”。一个 元素可以通过使用一些CSS属性来使其被布局,有如width 和 position。)

    (3)js:document.getElementById("a").style.opacity="0.4";//IE外所有浏览器以及IE9

               document.getElementById("a").style.filter="alpha(opacity=40)";//针对IE

    (4)jQuery:$("#a").css({"opacity":0.4});//所有通用

    (5)css3中rgba:#a{background:ragb(90,90,90,0.4);}//前面三个是定义颜色,后面是定义不透明度

            css3中hsla: #a {background: hsla(207, 38%, 47%, .4);}//Hue(色调), Saturation(饱和度), Lightness(亮度), 和Alpha

         这两个的好处是不会影响子元素,只改变背景的颜色

  • 相关阅读:
    【洛谷 4613】Olivander
    【洛谷 1385】密令
    【洛谷 4439】Aron
    【洛谷 3383】线性筛素数
    【洛谷 2412】查单词
    【洛谷 1980】计数问题
    【洛谷 3372】(模板)线段树 1
    Luogu P3743 kotori的设备
    Luogu P2340 [USACO03FALL]Cow Exhibition G
    Luogu P3047 [USACO12FEB]Nearby Cows G
  • 原文地址:https://www.cnblogs.com/yhongyu/p/2434450.html
Copyright © 2011-2022 走看看