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%;
相关推荐
XIE3923 小时前
TipKit:开源富文本编辑器套件,一套逻辑,任意风格!
前端·笔记·开源
范什么特西3 小时前
一些常用名词
开发语言·前端·javascript
晴天163 小时前
前端打包工具全景解析
前端
晴天163 小时前
Vite vs Webpack 全方位对比
前端·webpack·node.js
体毛旺盛的猿3 小时前
HarmonyOS开发面试题
前端·华为·harmonyos
anOnion4 小时前
构建无障碍组件之Landmarks Pattern
前端·html·交互设计
牧瀬クリスだ4 小时前
前端三件套基础之JS!!!!
前端·javascript
风骏时光牛马4 小时前
提示词工程:大模型交互的核心塑造技术
前端
单线程_014 小时前
从案例分析 Vue3 Tokenizer+Parser 源码四
前端·javascript·vue.js
4 小时前
Python 图片处理:裁剪缩放至300×200,格式JPG/PNG/GIF,控制大小≤100KB
linux·前端·python