css中的opacity属性怎么用
这篇文章主要介绍了css中的opacity属性怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
涪陵ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:13518219792(备注:SSL证书合作)期待与您的合作!
CSS3opacity属性
作用:检索或设置对象的不透明度。
语法:
opacity:value|inherit;
value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。
inherit:应该从父元素继承opacity属性的值。
说明:对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。
CSS3opacity属性的使用示例
示例1:
h2{
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
感谢你能够认真阅读完这篇文章,希望小编分享的“css中的opacity属性怎么用”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
文章名称:css中的opacity属性怎么用
本文链接:http://scyanting.com/article/pcosci.html