相关疑难解决方法(0)

我有一个旋转木马,背景图像类似于这个网站

我有图像,我想延伸到浏览器宽度的100%.当用户缩小其浏览器的宽度时,应在右侧和左侧裁剪图像.不应调整图像大小(高度变化的位置).我正在使用标准的Bootstrap轮播布局

最终结果应该是这样的

中间的蓝色矩形是容器,其宽度应始终保持不变.在到达此容器的边框之前,背景图像(带有鞋子的深绿色)应该随着浏览器宽度的减小而右侧和左侧裁剪.

最好的方法是什么？