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%;
相关推荐
默_笙11 分钟前
🍔 给 AI 发一张结构化表格(下):从"自由发挥"到"按格填空"的输出驯服指南
前端·javascript
泯泷14 分钟前
手搓JSVM第 11 篇:打包、模块与 CLI:把 VM 产物变成可运行文件
前端·javascript·前端框架
泯泷16 分钟前
手搓JSVM第 10 篇:对象、数组与属性访问
前端·javascript·前端框架
泯泷34 分钟前
手搓JSVM第 9 篇:闭包:函数如何记住外部变量
前端·javascript·前端框架
晴天161 小时前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
全栈技术负责人2 小时前
AI 效能工具建设:Agent 可观测性技能技术方案与实践
前端·ai·ai编程
梦想平凡2 小时前
百游棋牌源代码开发搭建教程(一):全端工程结构、开发环境配置与首次启动验证
前端·javascript·源代码管理
妙码生花2 小时前
两个月 59 篇 AI 开发日志 + Golang 商业级实战项目收工后,得来的 AI 使用心法-上
前端·后端·gin
vx-Biye_Design2 小时前
springboot中国传统节日宣传平台49078-计算机课程设计、毕业设计
java·前端·vue.js·spring boot·后端·课程设计·idea
妙码生花2 小时前
两个月 59 篇 AI 开发日志 + Golang 商业级实战项目收工后,得来的 AI 使用心法-下
前端·后端·go