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

[复制链接]
查看: 1400|回复: 31
发表于 2023-1-31 21:40:14 | 显示全部楼层 | 阅读模式
可以通过设置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>



显示结果如下:

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


易博软件介绍

0

主题

18

帖子

10

积分

营销入门

Rank: 2

积分
10
发表于 2023-2-17 05:09:19 | 显示全部楼层
^好
0 该用户已被删除
发表于 2023-2-24 03:20:36 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽

0

主题

20

帖子

11

积分

营销入门

Rank: 2

积分
11
发表于 2023-2-28 10:53:35 | 显示全部楼层
听君一席话胜读十年书!!!
发表于 2023-3-5 05:20:19 | 显示全部楼层
^非常不错感触很深呀在写程序的迷茫中似乎又找到了点什么

0

主题

25

帖子

14

积分

营销入门

Rank: 2

积分
14
发表于 2023-3-12 10:29:23 | 显示全部楼层
值得深思

0

主题

15

帖子

8

积分

营销入门

Rank: 2

积分
8
发表于 2023-3-18 08:30:47 | 显示全部楼层
谢谢啊!!!!!!!!!!   看一看胜读几年书啊   

0

主题

17

帖子

9

积分

营销入门

Rank: 2

积分
9
发表于 2023-3-22 18:07:56 | 显示全部楼层
看到这些还真是有点兴奋啊。。我想快点学。。可是不知道哪有得教啊
发表于 2023-3-28 00:01:15 | 显示全部楼层
很好啊!我觉得自己太差太差了!

0

主题

3

帖子

2

积分

营销入门

Rank: 2

积分
2
发表于 2023-3-30 16:36:52 | 显示全部楼层
我刚来本论坛,看了之后,给予我的是动力,我决心好好学习编程,不知有那为高手可以成为我的交流对象啊!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

 
 
QQ在线客服
QQ技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫
weixin

QQ|小黑屋|Archiver|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表