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%;
相关推荐
sen_shan34 分钟前
《Vue项目开发实战》第八章:组件封装--vxeGrid
前端·javascript·vue.js
五点六六六35 分钟前
双非同学校招笔记——离开字节入职小📕
前端·面试·程序员
IT_陈寒36 分钟前
Redis实战:5个高频应用场景下的性能优化技巧,让你的QPS提升50%
前端·人工智能·后端
2***574237 分钟前
Vue项目国际化实践
前端·javascript·vue.js
我也爱吃馄饨38 分钟前
写的webpack插件如何适配CommonJs项目和EsModule项目
java·前端·webpack
全马必破三39 分钟前
HTML常考知识点
前端·html
OLong1 小时前
忘掉"发请求",声明你要的数据:TanStack Query 带来的思维革命
前端
琦遇1 小时前
Vue3使用vuedraggable实现拖拽排序
前端
银月流苏1 小时前
Vue 深度选择器 `:deep` 使用说明
前端
程序媛ing1 小时前
React + ECharts 动态折线图实现
前端·react.js