CSS opacity属性,设置透明度
opacity属性
前面的章节介绍了颜色的透明度,那么如果要设置HTML元素的透明度,比如设置一张图像的透明度,那该怎么办?可以通过CSS的opacity属性来实现。比如下方的这张图片的透明度分别为1和0.5。
语法
ele{opacity:value}
提示:opacity的值介于0到1之间,值越小,表示越透明。
opacity属性实例代码,及在线编辑器
<img src='../../static/img/test.jpg' id='img'>
<style>
#img{width:100%;height:100%;opacity:0.1;}
</style>