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 分钟前
设计模式有哪几类?
前端·后端·设计模式
Yeats_Liao28 分钟前
Go Web 编程快速入门 10 - 数据库集成与ORM:连接池、查询优化与事务管理
前端·数据库·后端·golang
啃火龙果的兔子1 小时前
前端八股文react篇
前端·react.js·前端框架
打小就很皮...1 小时前
React 实现 i18next 中英文切换集成
前端·react.js·i18next
拉不动的猪1 小时前
函数组件和异步组件
前端·javascript·面试
淮北4941 小时前
html + css +js
开发语言·前端·javascript·css·html
你的人类朋友1 小时前
适配器模式:适配就完事了bro!
前端·后端·设计模式
Setsuna_F_Seiei2 小时前
CocosCreator 游戏开发 - 利用 AssetsBundle 技术对小游戏包体积进行优化
前端·cocos creator·游戏开发
黄毛火烧雪下2 小时前
高效的项目构建和优化之前端构建工具
前端
90后的晨仔2 小时前
在 macOS 上轻松获取 GIF 图片总时长:多种实用方法详解
前端