Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何将线性梯度放在背景图像之后?_Css - Fatal编程技术网

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>