css不透明度的设置（css不透明度怎么设置）
时间：2024-08-28人气：作者：佚名
今天遇到一个问题：div边框和背景色随主题色变化，边框和字体不透明，背景半透明（如下图所示）
设计图
在网上搜索解决办法发现都是说使用rgba，但是另外一个问题就来了，背景和边框的颜色就没办法改变了，所以只好自己想办法。突发奇想使用伪类完美解决了问题，话不多说，上代码（此处样式部分使用了scss，不懂的请自行百度）
<!-- html代码 --><div class="box"> 内容</div>
/* scss代码*/$primary:#2CD334;.box { position: relative; border: 1px solid $primary; width:100px; height: 100px; border-radius: 12px; &:after { content: ""; position: absolute; width: 100%; height: 100%; background: $primary; opacity: 0.1; top: 0; left: 0; }}
实际效果
背景和框架完成了，内容就自己解决啦~
最新文章
这篇文章主要为大家详细介绍了PHP递归实现层级树状展开的相关资料,需要的朋友可以参考下效果图： 实现代码：<?php$db = mysql_connect(‘localhost’, ‘root’,
(0)人喜欢2024-08-28
快捷键简名功能Ctrl+0还原将IE页面还原到100%Ctrl+1，2，3…切换浏览器切换到从左边数起第1，2，3…个标签Ctrl+ESCWindow打开开始菜单Ctrl+A全选全选当前页面内容Ctr
(0)人喜欢2024-08-28
使用win10系统的位小伙伴都知道，在win10账户名中可以自定义头像。不过小编发现有不少的小伙伴在添加了头像之后是不知道怎么进行删除的，这可该咋办呢?今天小编就来给大家说说win10下怎么修改用户账
(0)人喜欢2024-08-28
如果你的 Mac 因为修改了账户名称和个人目录，丢失了管理员权限，以至于无法登录原来的管理员用户。莫慌，遇到这种情况，你可以登录另一个管理员账户，如果没有另一个管理员账户，你可以新建一个，然后通过这个
(0)人喜欢2024-08-28
-
这篇文章主要为大家详细介绍了PHP递归实现层级树状展开的相关资料,需要的朋友可以参考下效果图： 实现代码：<?php$db = mysql_connect(‘localhost’, ‘root’,
(0)人喜欢2024-08-28 
今天遇到一个问题：div边框和背景色随主题色变化，边框和字体不透明，背景半透明（如下图所示） 设计图在网上搜索解决办法发现都是说使用rgba，但是另外一个问题就来了，背景和边框的颜色就没办法改变了
(0)人喜欢2024-08-28
适用：华为mate40，EMUI11.0。1，首先打开华为手机桌面之后，在桌面上找到并点击进入设置；2，然后在设置页面点击打开系统和更新；3，在进入系统页面
(0)人喜欢2024-08-28-
使用win10系统的位小伙伴都知道，在win10账户名中可以自定义头像。不过小编发现有不少的小伙伴在添加了头像之后是不知道怎么进行删除的，这可该咋办呢?今天小编就来给大家说说win10下怎么修改用户账
(0)人喜欢2024-08-28
