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%;
相关推荐
软件技术NINI几秒前
盗墓笔记html+css+js 2页
css·笔记·html
leslie11814 分钟前
webpack笔记
前端·webpack
宁风NF19 分钟前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
勾勾圈圈蛋蛋21 分钟前
DOM、BOM、DOM操作详解 + 结合Vue响应式关联梳理
前端
打妖妖灵滴哪吒1 小时前
IOS模态窗口的作用与设计原则
前端·ui
午安~婉1 小时前
挑战二:博客预览卡片
前端·javascript·html
环境栈笔记1 小时前
指纹浏览器安全评测方法:核对环境、数据与权限后再选型
前端·人工智能·后端·自动化
打妖妖灵滴哪吒1 小时前
前端开发/UI设计师-APP中如何进行可发现性设计
前端·ui
Kinghiee1 小时前
从使用场景切入前端常见设计模式
前端·设计模式
郭老二11 小时前
【前端】vue3:编译步骤
前端