Html 如何使垂直文本居中并与背景重叠图像左对齐的全高图像

如何制作顶部有黑色覆盖的全高图像（从上到中到下）

0%->35%->0%

标题
描述

我只写了一个基本的

背景图像

，上面覆盖了

黑色

代码。试试这个，我希望它能帮你。谢谢

标题{
背景重复：无重复；
背景尺寸：封面；
颜色：#fff；
显示器：flex；
对齐项目：居中；
高度：100vh；
位置：相对位置；
宽度：100%；
}
标题：之前{
背景图像：线性渐变（到底部，rgba（0,0,0,0），rgba（0,0,0.35），rgba（0,0,0,0,0））；
内容：''；
位置：绝对位置；
左：0；
排名：0；
不透明度：0.5；
身高：100%；
宽度：100%；
}
.内容{
左边距：20px；
位置：相对位置；
}

标题
描述

到目前为止您尝试了什么？唯一的问题是，我需要html中的url，而不是css中的url，因为我需要附加，但此脚本对其他脚本有效。我只更新了上面的代码片段，只做了一些css更改。我将背景图像从

css

移动到

html

。Thankshmm上面的覆盖图在哪里：0%中间35%底部0%不透明度？对不起，我刚刚忘记在编辑中更新。我刚刚添加了叠加顶部不透明度：0，中间不透明度：0.35和底部不透明度：0。如果您想增加中间的覆盖，只需更改为0.35。谢谢你帮了我大忙！