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%;
相关推荐
_09274 分钟前
Vue 2 与 Vue 3 的核心区别及 Vue 3 新特性详解
前端
David凉宸5 分钟前
一文带你使用Vue完成移动端(apk)项目
前端
会飞的鱼先生17 分钟前
Vue3的内置组件 -实现过渡动画 TransitionGroup
前端·javascript·vue.js·vue
晓得迷路了18 分钟前
10 分钟开发一个 Chrome 插件?Trae 让你轻松实现!
前端·javascript·trae
秋天的一阵风23 分钟前
Vue3探秘系列— 路由:vue-router的实现原理(十六-上)
前端·vue.js·面试
秋天的一阵风24 分钟前
Vue3探秘系列— 路由:vue-router的实现原理(十六-下)
前端·vue.js·面试
工呈士42 分钟前
CSS布局实战:Flexbox 与 Grid 精髓解析
css·面试·flexbox
海底火旺44 分钟前
JavaScript中的Object方法完全指南:从基础到高级应用
前端·javascript·面试
海底火旺1 小时前
JavaScript中的Symbol:解锁对象属性的新维度
前端·javascript·面试
天天扭码1 小时前
一文吃透 ES6新特性——解构语法
前端·javascript·面试