Bootstrap 4 引导程序4:两个图像覆盖

Bootstrap 4 引导程序4:两个图像覆盖,bootstrap-4,Bootstrap 4,我需要一些帮助。我应该这么做的,就像截图上那样。我试着把img(z-index:5放在彩色线(z-index:2)上 我试图通过查看图片来编写代码..这是我制作的..看一下代码。我想我制作了您想要的..但即使没有,请告诉我 #图像{ 背景:url('http://www.lefrancais.eu/files/2013/05/signature-contrat.jpg') 无重复中心/盖; 保证金:0; 填充:0; 宽度:100%; 高度:95vh; 位置:相对位置; 溢出:隐藏; z指数:

我需要一些帮助。我应该这么做的,就像截图上那样。我试着把img(
z-index:5
放在彩色线(
z-index:2
)上


我试图通过查看图片来编写代码..这是我制作的..看一下代码。我想我制作了您想要的..但即使没有,请告诉我

#图像{
背景:url('http://www.lefrancais.eu/files/2013/05/signature-contrat.jpg')
无重复中心/盖;
保证金:0;
填充:0;
宽度:100%;
高度:95vh;
位置:相对位置;
溢出:隐藏;
z指数:-1;
}
#图-2{
利润上限:-100px;
利润底部:-3.6%;
}
#图2 img{
高度:100px;
宽度:170px;
}
页脚{
宽度:100%;
高度:5vh;
背景色:#333;
}

页面标题
Découvrez tous nos
你的节目

您好,谢谢,但当我缩小响应窗口时,img apple并没有真正在底部对齐。为了响应,请尝试对img apple应用一些媒体查询…我想它可以工作。。。