前端页面,给div标签设置透明度
前端页面,给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组装电脑配置单推荐报价格
上传时间: 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 |