opacity属性怎么用
导读: CSS3opacity属性 作用:检索或设置对象的不透明度。 语法: opacity:value|inherit; value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。 inherit:应...
CSS3opacity属性
作用:检索或设置对象的不透明度。
语法:
opacity:value|inherit;
value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。
inherit:应该从父元素继承opacity属性的值。
说明:对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。
CSS3opacity属性的使用示例
示例1:
h1{
margin:10px0;
font-size:16px;
}
.test,
.test2{
width:300px;
height:150px;
padding:10px;
}
.test{
background:#050;
}
.test2{
margin:-120px0050px;
background:#000;
filter:alpha(opacity=50);
opacity:.5;
color:#fff;
}
下例是一个半透明的效果:
不透明度为100%的box
不透明度为50%的box
本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: opacity属性怎么用
本文地址: https://pptw.com/jishu/665093.html
