news 2026/9/11 8:58:32

border与background: linear-gradient冲突的解决方案

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
border与background: linear-gradient冲突的解决方案

原代码

border: 1.8rpx solid rgba(255, 255, 255, 0.10); background: linear-gradient(115deg, rgba(21, 22, 26, 0.80) 0%, rgba(21, 22, 26, 0.60) 100%); backdrop-filter: blur(9rpx);

border与linear-gradient冲突,注释掉border渐变能够显示,注释掉渐变boeder能显示

解决方案,增加伪元素,border写在伪元素里

.setting-btns::after { content: ''; position: absolute; inset: 0; border-radius: 32.4rpx; border: 1.8rpx solid rgba(255, 255, 255, 0.1); pointer-events: none; z-index: 2; }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/10 22:35:34

【Halcon-1D测量】reset_fuzzy_measure 函数功能(用于重置模糊测量规则)

HALCON算子 reset_fuzzy_measure 全解析 一、算子核心定位 reset_fuzzy_measure 是HALCON 1D测量模块中专门用于重置模糊测量规则的算子,核心功能是删除之前通过 set_fuzzy_measure 为测量对象配置的指定类型模糊函数,恢复该类型模糊集的默认状态。该算子是模糊测量流程中的…

作者头像 李华
网站建设 2026/9/9 3:19:04

HTMLMinifier:3个让网站加载速度翻倍的实用技巧

还在为网站加载缓慢而苦恼吗?每次打开网页都要等待好几秒,用户流失率居高不下?今天我要向你推荐一款改变游戏规则的HTML压缩工具——HTMLMinifier。作为基于JavaScript的HTML压缩器,它能够智能地优化你的HTML文件,让网…

作者头像 李华
网站建设 2026/9/10 4:05:39

Layui-Admin后台管理系统技术评估与实施指南

Layui-Admin后台管理系统技术评估与实施指南 【免费下载链接】Layui-admin 一个现成的 LayuiVue的后台系统模板,开箱即用 项目地址: https://gitcode.com/gh_mirrors/layu/Layui-admin 技术选型分析报告 在当前企业数字化转型的浪潮中,后台管理系…

作者头像 李华
网站建设 2026/9/10 0:48:29

全球TOP 10物联网公司都在用的Agent节能技术,你知道几个?

第一章:边缘设备 Agent 能耗优化的技术背景与挑战随着物联网(IoT)和边缘计算的快速发展,大量智能设备在本地网络边缘运行数据采集、分析与响应任务。这些设备通常由电池供电,资源受限,因此其上运行的 Agent…

作者头像 李华
网站建设 2026/9/9 20:49:22

CSS Grid Generator终极指南:前端开发的高效工具

技术痛点分析 【免费下载链接】cssgridgenerator 🧮 Generate basic CSS Grid code to make dynamic layouts! 项目地址: https://gitcode.com/gh_mirrors/cs/cssgridgenerator 在现代前端开发中,CSS Grid布局虽然功能强大,但学习曲线…

作者头像 李华