半透明边框
问题:div的半透明边框应该透出body的蓝色图片背景而不是透出这个容器自己的橙色背景,如下图:
解决方法:运用background-clip:padding-box; background-clip默认的属性值是border-box,最终效果,如下图
<div style="width:200px;height:100px;background:orange;border: 10px solid rgba(255,255,255,.2);background-clip:padding-box;"></div>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步