示例网址：
https://50projects50days.com/projects/background-slider/
http://50projects.tc.cluski.top/50projects50days/background-slider/
效果：
思路：
最底层的背景可以使用js来获取小窗口中的图片的背景，然后设置上。最底层背景之上的半透明灰色图层，可以使用:before伪元素来添加，伪元素需要设置background-color: rgba(0, 0, 0, 0.7);来添加半透明效果。
最上层的小窗需要设置overflow: hidden来不显示超过框子的背景图像。而大小需要设置为100vh和100vw，然后再通过绝对定位+唯一的方式，使底层半透明背景和最上层背景连接起来。因为使用了决定定位，所以说有的slide都是在一个位置上，对于不显示的slide只需要使用opacity: 0来使得变得透明，看不见。
评论区