Question

我有一个幻灯片，我想完全填写一个div。现在，如果有人从狭窄的浏览器视口访问我的网站，幻灯片只会填充宽度而不是整个高度，因此在div的底部留出空间。

我希望幻灯片以按比例缩放以适应并覆盖整个div，即使需要从侧面裁剪。这有什么意义吗？

以下是示例：如果您现在从宽屏或全屏浏览器窗口访问它，图像可能会填满整个div。 但是如果你缩小窗口并刷新，你会看到div底部的bg颜色。示例： http://mudchallenger.com/a-responsivef.html

如何让幻灯片显示以填充div？

谢谢！

Answer 1

您可以更改幻灯片类的位置：绝对

.slideshow  {
     position: absolute;
 }

Answer 2

您正在寻找一种让您的背景图片适合页面背面的方法。 Ed正在寻找的是您目前拥有的CSS / JS，因此我们可以更好地告诉您应该采取哪些不同的做法。

本文提供了实现您所要求的不同方式的很好的例子：

如果你对另一种方式感兴趣，那么这里也是一个JS库。

如果没有看到您的代码，那就是可以给出的答案。