border与background: linear-gradient冲突的解决方案
2026/6/10 14:01:39 网站建设 项目流程

原代码

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; }

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询