css怎样实现文字不透明背景半透明效果

web前端|css教程

css

web前端-css教程

外星人用源码,ubuntu突然内存占满,tomcat9兼容7吗,爬虫进阶书,php表单确认重新提交,宁夏seo招聘lzw

css怎样实现文字不透明背景半透明效果

公告PHP源码,vscode手机运行,ubuntu扩容home,tomcat依赖怎么加,sqlite数据库创建工具,一帆风顺盆里有爬虫怎么办,64位系统 php,专业短视频seo排名,ps企业网站模板,js广告漂浮模板lzw

在css中可以利用position属性，将其设置为absolute位文字元素生成绝对定位，相对于 static 定位以外的第一个父元素进行定位。使其相对于图片元素绝对定位。

asp进销存源码 多单位,ubuntu下更改端口,爬虫的概念是,geos php,seo921lzw

再利用background属性和rgba()函数来设置背景图片的透明度。

下面我们通过示例来看一下怎样设置文字不透明背景半透明效果，示例如下：

.demo2-bg{ background: url(1118.02.jpg); background-size: cover; width: 500px; height: 300px; position: relative;}.demo2{ width: 500px; height: 300px; background:rgba(255,255,255,0.3);}

背景图半透明，文字不透明

输出结果：

（学习视频分享：css视频教学）