css设置背景透明的方法：首先在【】标签创建【】标签和添加类；然后在【】标签里设置rgba类的高和背景透明度的样式【（rgba(R,G,B,A)）】。
本教程操作环境：windows10系统、css3版，DELL G3电脑，该方法适用于所有品牌电脑。
css设置背景透明的方法：
1、创建一个html文件。如图
立即学习“前端免费学习笔记（深入）”；
2、在html文件找到一个 代码： 3、为div添加样式。在标签，在这个标签里创建一个
0
0
css如何设置背景透明
coldplay.xixi
发布时间：2021-03-01 16:29:15
|32588人浏览过
|来源于php中文网
原创
标签并添加一个类，在这把这个类设置为：rgba。 如图标签后面创建一个<code><style></style></code>，在<style>标签里设置rgba类的高和背景透明度的样式<code>（rgba(R,G,B,A)）。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。如图<p>代码：<pre class="brush:php;toolbar:false"><style type="text/css">
.rgba{
background-color: rgba(0,0,0,0.5);
height: 200px;
}
</style></pre><p><img src="https://img.php.cn/upload/image/919/265/675/1614587283492815.png" title="1614587283492815.png" alt="f9766d5704ee607e84f1f60aa266033.png"/><p>4、保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。如图：<p><img src="https://img.php.cn/upload/image/496/458/463/1614587288571362.png" title="1614587288571362.png" alt="a8442ac80e35285b87ac6f28ea2c9be.png"/><p><img src="https://img.php.cn/upload/image/984/894/870/1614587295311922.png" title="1614587295311922.png" alt="4af9d3edb92148f27a2c5b403f61302.png"/><p><img src="https://img.php.cn/upload/image/801/601/562/1614587301589695.png" title="1614587301589695.png" alt="07119a98da64def611f3c2d1713945d.png"/><blockquote><p><strong>相关教程推荐：<a href="http://www.php.cn/course/list/12.html" target="_blank"><strong>CSS视频教程</style>
相关文章
css grid布局调试困难怎么排查_通过显示网格线思路解释
css first-child 不生效是什么原因_结构选择器排查方法
css grid布局下图片比例失调怎么办_通过对象适配属性说明
css动画怎么实现缩放效果_css动画缩放实现方式
css 想快速统一页面文字颜色怎么办_使用 css tailwind text-color 工具类
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
C++ 高级模板编程与元编程
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
10
2026.01.23
Golang 性能分析与pprof调优实战
本专题系统讲解 Golang 应用的性能分析与调优方法，重点覆盖 pprof 的使用方式，包括 CPU、内存、阻塞与 goroutine 分析，火焰图解读，常见性能瓶颈定位思路，以及在真实项目中进行针对性优化的实践技巧。通过案例讲解，帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。
9
2026.01.22
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
