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%;
相关推荐
Eloudy5 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
ZJU_统一阿萨姆6 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全
用户921080262866 小时前
4. 前端地图大量点位实时更新优化:后端推增量,前端做 diff
前端
SoaringHeart6 小时前
Flutter最佳实践:Web项目中文字体首次加载乱码问题解决
前端·flutter
西安小哥7 小时前
破局与重生:大厂前端如何借力 AI 转型“超级全栈“
前端·人工智能
sunly_7 小时前
TypeScript总结:16、面向对象速查
前端·javascript·typescript
MXN_小南学前端7 小时前
React超长文本域中实现“返回顶部”浮动按钮
前端·javascript·react.js
学习嵌入式的小周8 小时前
Notepad++8.8.7下载安装(附安装包)
前端·notepad++
gs801408 小时前
解构 Cordis:面向“时空可组合性”的 TypeScript 元框架深度剖析
前端·javascript·typescript
岁岁种桃花儿9 小时前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js