• 透明度的问题


    在css3中透明度:opacity(w3c的标准属性)————设置元素的不透明级别:默认值为0 

        javascript语法中可为:object.style.opacity=0.5

            设置不透明样式如下:

                  div{

                  opacity:0.5;

                 /*透明度属性值:0.0~1.0完全透明到完全不透明*/

                 }

    语法:opacity:value | inherit

    value:规定不透明度 ,0.5=50%

    inherit:规定从父级元素继承opacity的属性值

    浏览器支持情况:所有浏览器(Firefox:火狐,Safari:欧朋,Opera,Chrome:Google)支持,

    ie8以及更早的版本不支持,是由filter代替的(filter:Alpha(opacity=50))

    注意:firefox3.5以下版本使用-moz-opacity属性

             IE4-7使用filter: alpha(opacity=xx),但要同时使该元素拥有hasLayout

          <!DOCTYPE HTML">
          <html>
          <head>
            <title>opacity</title>
            <style>
              .wrapper {
                border:solid 1px gray;
                background-color:green;
                filter: alpha(opacity=40);
                zoom:1;
              }
            </style>
          </head>

          <body>
            <div class="wrapper">
            </div>
          </body>
          </html>

             IE8下也可以用上面的filter: alpha(opacity=10),且不用设置zoom使元素拥有layout。同时IE8可以使用-ms-filter属性。

                 如:

                  -ms-filter: "alpha(opacity=10)"; /* IE 8 */


    相关:

    https://developer.mozilla.org/En/CSS:-moz-opacity

    使用滤镜设置透明导致 IE 6/7/8/9 解析异常 

  • 相关阅读:
    机械学习--5
    机械学习--4
    机械学习--3
    机械学习--2
    机器学习--1
    编译原理 作业十五
    编译原理 作业十四
    编译原理 作业十二
    编译原理 作业十一
    编译原理 作业十
  • 原文地址:https://www.cnblogs.com/hq123/p/5982937.html
Copyright © 2020-2023  润新知