css中怎么设置透明度的问题

时间:2021-11-30 08:07:47

小伙伴们是不是在找怎么样去设置页面的透明度的方法呢。。。别找了,我这儿就有,而且肯定够用了。

 

我自己会用到的就有两种,可以和大家分享一下。

 

1.用opcity的方法去设置透明度。代码如下:

.div

{

  opcity:0.1;

  -webkit-opcity:0.1;(用来解决浏览器兼容问题)

}

这种方法是不是都会呢。。。

2.用rgba()方法去设置透明度。代码如下

.div

{

  background:rgba(0,0,0,0.1);

}

这种方法你会么?

如果两种方法都会,那么你知道区别吗。。。

它们的区别就是:第一种方式会把容器里面的所有元素的透明度都给设置一边,其实有时候我们并不想把里面的东西也设置透明度。那么解决的办法就来了,我们就可以用

第二种方法去设置,可能这种方法会比较繁琐。但是,编程本来就很麻烦。

当你做到自己满意的结果时,真的会非常高兴,我想这也是每个编程者最大的动力所在把。

加油,编程者们!!!