zoukankan      html  css  js  c++  java
  • 透明度的问题

    在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 解析异常 

  • 相关阅读:
    DataTabe使用Linq实现 Group
    通用化NPOI导出xls
    DosBox 的 DOSBOX.CONF 的详细配置说
    wx预览图片
    jqweui Picker使用一个小问题
    一个504错误原因
    DingDing的CorpSecretID和SSOSecret不是一个东西
    Android上禁止屏幕旋转
    Error:Failed to resolve: com.android.support:recyclerview-v7:26.1.0
    glide:4.7.1 与 26.1.0冲突
  • 原文地址:https://www.cnblogs.com/hq123/p/5982937.html
Copyright © 2011-2022 走看看