您现在的位置是:首页 > 数码 > 

前端页面,给div标签设置透明度

2025-07-27 19:02:12
前端页面,给div标签设置透明度 近段时间在学习使用一些前端的知识,在使用一些开源的前端开源特效的时候,发现网页特效被前端的div块儿所遮挡。   代码如下:  <div class=jumbotron style=margin: 100;><div class=

前端页面,给div标签设置透明度

近段时间在学习使用一些前端的知识,在使用一些开源的前端开源特效的时候,发现网页特效被前端的div块儿所遮挡。
  代码如下:

 <div class=jumbotron style=margin: 100;><div class=container align=center><h2 class=text-info style=font-family:宋体;font-weight:bold;font-size:49px>服务范围</h2><br><div class=text-muted>各项服务介绍</div><br><br><p><a role=button href=# class=btn btn-success>进入专区</a></p></div></div>

效果如下:
  
  经过查阅网上资料,发现只要在标签中使用background-color: rgba(R,G,B,透明度)设置就行了。前三项数据是RGB,设置颜的,一般使用0,0,0白好,最后一项属性对应的透明度,取值在(01)之间,对应(0%100%);
  例如我对上述代码使用了透明度设置(对外层div块进行设置):
  ```
 



·····略

效果如下图:

图中的小点点就是我添加的一个开源粒子特效,可以跟随鼠标连接附近的小点。
我把透明度设置为了0.01,即对应1%的透明度,可以看到明显变化,特效正常的显示出来了。

所以给前端标签设置透明度用:background-color: rgba(0,0,0,0.1)就行啦。

#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可,转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格

本文地址:http://www.dnpztj.cn/shuma/856875.html

相关标签:无
上传时间: 2024-02-10 02:11:39

上一篇:mysql 单选题

下一篇:python发送qq邮件

留言与评论(共有 13 条评论)
本站网友 乡医网
28分钟前 发表
透明度)设置就行了
本站网友 廉政行动2011
8分钟前 发表
G
本站网友 安158
0秒前 发表
bold;font-size
本站网友 黄浦租房网
19分钟前 发表
宋体;font-weight
本站网友 佘山二手房
29分钟前 发表
所以给前端标签设置透明度用:background-color
本站网友 朗诗绿岛
18分钟前 发表
0白好,最后一项属性对应的透明度,取值在(01)之间,对应(0%100%);   例如我对上述代码使用了透明度设置(对外层div块进行设置):   ```   ·····略 效果如下图: 图中的小点点就是我添加的一个开源粒子特效,可以跟随鼠标连接附近的小点
本站网友 中国大百科全书txt
4分钟前 发表
bold;font-size
本站网友 京沪高铁路线图
20分钟前 发表
前端页面
本站网友 时尚先锋香奈儿
2分钟前 发表
100;><div class=container align=center><h2 class=text-info style=font-family
本站网友 rtz
12分钟前 发表
本站网友 安全期计算器计算
25分钟前 发表
前端页面
本站网友 高层住宅风水禁忌
10分钟前 发表
所以给前端标签设置透明度用:background-color