网站制作_网站优化_网站源码_网站素材_网站下载

css中加入opacity样式说明

来源:网站优化时间:2018-05-19

简单的介绍一下 CSS里面命名了某一个CSS,有 opacity参数的时候,的相关介绍:

在css里面假如加了这个 参数 opacity的话,可以理解为 就是一个透明度的纯度

一般是0到1之间来设置说明如下:

1、假如设置为1 就是100%不透明了 就是看得见了

2、假如设置为0就是透明度是100% 完全看不见字体了,或者说图片

3、一般是0或者0.1 ....0.2   0.3 等等一直到0.9   再到1

案例:

以下我随便设置一个css命名为guigang的几种设置方法

  例1     .guigang{opacity:0}   命名opacity:0  证明 在css 为.guigang里面的文字或者图片是透明的,什么都看不见

 例2     .guigang{opacity:0.1}  opacity:0.1    就是说在css 为guigang里面的文字或者图片等透明度是0.1   能看见一点点

  等

  等   以此类推 当 .guigang{opacity:0.9} 或者 .guigang{opacity:1}  的时候   在guigang这个css里面的文字或者图片 就非常的清楚 看得狠清晰