Css 如何将线性梯度放在背景图像之后?
有没有一种方法可以把一张图片作为背景,加上封面大小,然后在图片后面加一个渐变?它会产生类似褪色的东西。 我试过这样的东西,但没用Css 如何将线性梯度放在背景图像之后?,css,Css,有没有一种方法可以把一张图片作为背景,加上封面大小,然后在图片后面加一个渐变?它会产生类似褪色的东西。 我试过这样的东西,但没用 body{ 高度:100vh; 背景:url('./images/bg.jpg')无重复,线性梯度(180度,rgba(23,26,25,1)0%,rgba(0,0,0,1)100%); }封面将拉伸图像以“覆盖”背景,因此您永远不会看到渐变,这也是背景图像。您可以将渐变设置为身体的背景,然后将容器DIV与图像背景一起使用 CSS: #容器{ 高度:100vh; 背
body{
高度:100vh;
背景:url('./images/bg.jpg')无重复,线性梯度(180度,rgba(23,26,25,1)0%,rgba(0,0,0,1)100%);
}
封面将拉伸图像以“覆盖”背景,因此您永远不会看到渐变,这也是背景图像。您可以将渐变设置为身体的背景,然后将容器DIV与图像背景一起使用
CSS:
#容器{
高度:100vh;
背景:url('https://static.vecteezy.com/system/resources/thumbnails/000/299/953/small/y2ok_2cif_180815.jpg“)不重复;}
身体{
背景图像:线性梯度(180度,rgba(23,26,25,1)0%,rgba(0,0,0,1)100%);
}
第页:
//把页面代码放在这里,就像它是身体一样
您能分享/详细说明您想要的输出吗?@0stone0类似的内容。你可以看到它是如何从一个图像开始的,然后在图像之后就是梯度
<div id="container">
// put page code in here like it was body
</div>