Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/13.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
Html 如何在此页面上创建相同的背景效果?_Html_Css - Fatal编程技术网

Html 如何在此页面上创建相同的背景效果?

Html 如何在此页面上创建相同的背景效果?,html,css,Html,Css,请点击链接: 谢谢大家! 使用伪元素在父容器后添加线性渐变:在之后,从底部开始,100%渐变,顶部渐变0% 检查以下代码: 正文{ 保证金:0; 填充:0; } 梅因先生{ 背景图片:url(https://picsum.photos/1280/1000?image=1080); 背景尺寸:封面; 背景位置:中心; 高度:100vh; 位置:相对位置; 高度:100vh; 宽度:100wh; 溢出:隐藏; } .效果{ 宽度:100wh; 高度:100vh; } .效果:之后{ 显示:块; 位

请点击链接:


谢谢大家!

使用伪元素在父容器后添加
线性渐变
:在
之后,从底部开始,100%渐变,顶部渐变0%

检查以下代码:

正文{
保证金:0;
填充:0;
}
梅因先生{
背景图片:url(https://picsum.photos/1280/1000?image=1080);
背景尺寸:封面;
背景位置:中心;
高度:100vh;
位置:相对位置;
高度:100vh;
宽度:100wh;
溢出:隐藏;
}
.效果{
宽度:100wh;
高度:100vh;
}
.效果:之后{
显示:块;
位置:相对位置;
背景图像:线性梯度(至底部,rgba(0,0,0,0)0,000 100%);
利润上限:-100vh;
高度:100vh;
宽度:100wh;
内容:“;
}


Inspect,copy/paste,只是背景大小的封面,位置是上中,只要检查一下,你就知道主题开发者的名字了。。如果你不能检查代码,你也可以写信给他