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%;
相关推荐
We་ct6 分钟前
前端包管理工具与Monorepo全面解析
前端·javascript·npm·pnpm·yarn·monorepo·包管理
ZPC821012 分钟前
moveit servo 发指令给real arm
java·前端·数据库
油丶酸萝卜别吃21 分钟前
高效处理数组差异:JS中新增、删除、交集的最优解(Set实现)
开发语言·前端·javascript
GISer_Jing22 分钟前
前端动画技术全解析:从GIF到WebGPU
前端·ai·动画·webgl
LIO23 分钟前
Vue3 + TS 企业级工程化项目全套实战(Vue3 + Vite + Pinia + VueRouter + Element Plus)
前端·vue.js
李昊哲小课31 分钟前
安装 npm/pnpm/yarn 换国内镜像 统一目录管理全局包+缓存
前端·缓存·npm·pnpm·yarn
挖稀泥的工人32 分钟前
AI 打字跟随优化
前端·javascript·vue.js
jiayong2333 分钟前
第 11 课:把筛选条件同步到 URL
开发语言·前端·javascript
Mintopia37 分钟前
性能优化的错觉:你优化的,可能根本不是瓶颈
前端