人亦已歌 发表于 2023-1-31 21:40:14

CSS核心(十九)设置背景的透明度 rgba

可以通过设置background:rgba(0,0,255,0.5);实现背景透明,其中rgba中的第四个参数控制透明度,0为全透明,1为不透明,0-1之间的数值表示透明度。

代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>设置背景的透明度</title>
</head>
<style>
        body{
                background:url(./img/5.jpg);       
        }
        div{
                width:200px;
                height:200px;
                background:rgba(0,0,255,0.5);/* 有兼容问题 */       
        }
</style>
<body>

<div class="box"></div>

</body>
</html>





显示结果如下:




lt5208 发表于 2023-2-17 05:09:19

^好

0 发表于 2023-2-24 03:20:36

jiangsibei 发表于 2023-2-28 10:53:35

听君一席话胜读十年书!!!

娟娟 发表于 2023-3-5 05:20:19

^非常不错感触很深呀在写程序的迷茫中似乎又找到了点什么

handsomewill 发表于 2023-3-12 10:29:23

值得深思

岸上的鱼 发表于 2023-3-18 08:30:47

谢谢啊!!!!!!!!!!   看一看胜读几年书啊   

darkangel21 发表于 2023-3-22 18:07:56

看到这些还真是有点兴奋啊。。我想快点学。。可是不知道哪有得教啊

不过梦一场 发表于 2023-3-28 00:01:15

很好啊!我觉得自己太差太差了!

美丽在线 发表于 2023-3-30 16:36:52

我刚来本论坛,看了之后,给予我的是动力,我决心好好学习编程,不知有那为高手可以成为我的交流对象啊!!
页: [1] 2 3 4
查看完整版本: CSS核心(十九)设置背景的透明度 rgba