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
在应用CAD进行坐标输入进行定位的时候，首先我们要确定动态输入处于关闭状态，动态输入开启与关闭的快捷键为F12;由下图可以看出在输入绝对坐标的时候假如动态输入处于开启状态，第二点的坐标值为相对于前一点
(0)人喜欢2024-08-28
如果你的 Mac 因为修改了账户名称和个人目录，丢失了管理员权限，以至于无法登录原来的管理员用户。莫慌，遇到这种情况，你可以登录另一个管理员账户，如果没有另一个管理员账户，你可以新建一个，然后通过这个
(0)人喜欢2024-08-28
今天遇到一个问题：div边框和背景色随主题色变化，边框和字体不透明，背景半透明（如下图所示） 设计图在网上搜索解决办法发现都是说使用rgba，但是另外一个问题就来了，背景和边框的颜色就没办法改变了
(0)人喜欢2024-08-28-
这篇文章主要为大家详细介绍了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 
适用：华为mate40，EMUI11.0。1，首先打开华为手机桌面之后，在桌面上找到并点击进入设置；2，然后在设置页面点击打开系统和更新；3，在进入系统页面
(0)人喜欢2024-08-28
