css 背景是个图片并且含有透明度的渐变色.超级简单。background相关属性就行了

底纹是个背景图片。 然后上面有个渐变色。渐变色含有透明度这样才能把底纹显示出来

不用麻烦的把图片放进去各种定位修改层级来写啦。

直接一个background相关属性就行了。

背景色怎么增加透明度呢

使用rgba的方式rgba(127,47,255,0.7)。 //0.7是透明度

复制代码
background-image:linear-gradient(130deg, rgba(127,47,255,0.7) 0%, rgba(214, 60, 255, 0.5) 100%), url("https://mobvoi-backend-meishe-public.mobvoi.com/baohuo-mp-cdn/cdnData/images/baohuo/header_bg_202401121139.png");
background-position:right;
background-repeat: no-repeat;
background-size: auto 100%;
相关推荐
aaron几秒前
前端演进史:当你没留意时,前端发生了什么
前端
不好听6133 分钟前
前端路由完全指南(上篇):从原理到 6 种路由模式
前端·react.js
像我这样帅的人丶你还4 分钟前
🚀大文件上传的那些事
前端·javascript·架构
不好听6135 分钟前
前端路由完全指南(中篇):React Router Hooks 完全指南
前端·react.js
hunterandroid6 分钟前
[鸿蒙从零到一] ArkUI 声明式 UI 基础实战
前端
七牛开发者12 分钟前
RAG 工程里的上下文剪枝:如何减少 68% 的上下文
前端·css·github
橘子星24 分钟前
从零理解流式输出 —— 一个 Vue + DeepSeek 的前端实战
前端·javascript·人工智能
智驭未来掌门人24 分钟前
如何让你的前端服务在服务器上nohub运行
前端
颜进强26 分钟前
Claude Code - 18 从 Figma 到 React:一套让 AI 生成代码"不瞎编"的实战工作流
前端·后端·ai编程