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位置属性与宽高设置结合使用_top、left与width、height的协同作用
css 框架的优势与劣势_如何提高开发效率
css 元素透明度动画不自然怎么办_配合 easing 调整 opacity 变化
css 想让悬浮菜单随滚动固定怎么办_position sticky 与 z-index
css 网格与弹性布局对比_如何选择适合的布局方法
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
