body{ margin: 0; padding: 0; } .container { margin: 0 auto; width: 100%; height: 500px; background: skyblue; position: relative; overflow: hidden; } .imgList { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; } .imgList > li { list-style: none; text-align: center; position: absolute; } .imgList > li img { height: 65px; opacity: .5; } .bg{ background: url(https://twotone.me/wp-content/uploads/2020/05/town.png) repeat-x bottom/contain; position: absolute; bottom: 0; left: 0; right: 0; height: 120px; opacity: .8; }