css“不透明”属性不支持

Question

<style>
.imgopacity{
    opacity:0.2px;
}
</style>

在上面的CSS代码中，不支持opacity属性，如果我想要的话，如何获取opacity属性。

Answer 1

Opacity属性不是以像素为单位测量的。它的比率从0到1表示元素的透明度，因此您的代码应为：

<style>
  .imgopacity
  {
    opacity:0.2;
  }
</style>

Answer 2

尝试：

.imgopacity { 
    /* IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";      

    /* IE 5-7 */ 
    filter: alpha(opacity=20); 

    /* Old Mozilla */ 
    -moz-opacity: 0.2; 

    /* Safari 1.x */ 
    -khtml-opacity: 0.2; 

    /* Compliant browsers */ 
    opacity: 0.2; 
}

Answer 3

.imgopacity {
    opacity:0.2;
}

只需从CSS代码中删除 px 即可。 不透明度属性不以像素为单位。它可以取值从0.0到1.0 。值越低，图像越透明。对于IE8及更早版本的浏览器，请使用filter:alpha(opacity=x)，其中 x 的值为 0到100 。