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%;
相关推荐
Dilettante2585 分钟前
React Server Components 全链路解析:Next.js 构建产物、导航流程与 Payload 格式
前端·next.js
前端付豪7 分钟前
Nest 项目小实践之注册登陆
前端·node.js·nestjs
用户9121917620617 分钟前
日本股票K线图生成实战:基于API的完整对接方案
前端
牛奶8 分钟前
JS随笔:ES6+特性与模块化实践
前端·javascript
牛奶23 分钟前
JS随笔:基础语法与控制结构
前端·javascript
天蓝色的鱼鱼26 分钟前
Node.js 中间层退潮:从“前端救星”到“成本噩梦”
前端·架构·node.js
货拉拉技术34 分钟前
如何用 AI 做业务级 Code Review
前端·agent·前端工程化
李剑一39 分钟前
前端圈子又出新东西了,大幅提升解析速度。尤雨溪推荐,但我不太推荐
前端
前端Hardy41 分钟前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
青屿ovo1 小时前
Vue前端页面版本检测解决方案
前端·vue.js