news 2026/2/4 14:51:17

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/2/3 5:41:54

XChart终极指南:5分钟打造专业级Java数据可视化

XChart终极指南:5分钟打造专业级Java数据可视化 【免费下载链接】XChart 项目地址: https://gitcode.com/gh_mirrors/xch/XChart 还在为Java项目中的图表制作而头疼吗?面对复杂的数据却不知如何直观展示?XChart这款轻量级Java图表库正…

作者头像 李华
网站建设 2026/1/30 12:35:23

21、深入探索 Awk 函数与 getline 功能

深入探索 Awk 函数与 getline 功能 1. Awk 函数基础 在编写程序时,函数是一种非常强大的工具,它可以帮助我们将代码模块化,提高代码的复用性。在 Awk 中,我们不仅可以使用内置函数,还能自定义函数。 1.1 match( ) 函数的使用 match( ) 函数通常放在条件语句中,用于测…

作者头像 李华
网站建设 2026/1/30 6:59:48

AZ-500云防护体系构建:Agent优化必须掌握的6项关键技术

第一章:AZ-500云防护体系中Agent优化的核心定位在Microsoft Azure的安全架构中,AZ-500认证所涵盖的云防护体系强调对工作负载的纵深防御策略。其中,安全代理(Agent)作为连接虚拟机与Azure Security Center(…

作者头像 李华
网站建设 2026/1/29 16:42:17

Steam游戏DLC解锁终极指南:免费体验完整游戏内容

Steam游戏DLC解锁终极指南:免费体验完整游戏内容 【免费下载链接】SmokeAPI Legit DLC Unlocker for Steamworks 项目地址: https://gitcode.com/gh_mirrors/smo/SmokeAPI 你是否曾为心仪游戏的DLC价格而犹豫不决?或者作为开发者需要测试所有DLC功…

作者头像 李华
网站建设 2026/1/30 6:59:12

Navicat16 Mac版无限试用重置技术详解

Navicat16 Mac版无限试用重置技术详解 【免费下载链接】navicat_reset_mac navicat16 mac版无限重置试用期脚本 项目地址: https://gitcode.com/gh_mirrors/na/navicat_reset_mac 还在为Navicat16试用期到期而影响数据库开发工作吗?作为专业的数据库管理工具…

作者头像 李华
网站建设 2026/2/4 5:15:21

医疗康复 Agent 如何精准指导运动?:3个关键技术突破与临床验证结果

第一章:医疗康复 Agent 的运动指导在现代智能医疗系统中,医疗康复 Agent 正逐渐成为患者术后恢复与慢性病管理的重要辅助工具。这类 Agent 能够结合传感器数据、医学知识库与个性化康复模型,为用户提供精准的运动指导方案。实时动作监测与反馈…

作者头像 李华