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%;
相关推荐
Hilaku2 分钟前
深入WeakMap和WeakSet:管理数据和防止内存泄漏
前端·javascript·性能优化
Juchecar5 分钟前
常见的 HTML 标签及 CSS 选择器速查表
前端
前端程序猿i18 分钟前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD27 分钟前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js
用户游民27 分钟前
Flutter 项目热更新加载 libapp.so 文件
前端
coding随想27 分钟前
Vue和React对DOM事件流的处理方法解析
前端
用户479492835691528 分钟前
字节面试官:forEach 为什么不能被中断?
前端·javascript
ccnocare29 分钟前
window.electronAPI.send、on 和 once
前端·electron
tager34 分钟前
🍪 让你从此告别“Cookie去哪儿了?”
前端·javascript·后端
阿吉被迫了解低代码39 分钟前
前端:“学算法?狗都不... !”
前端