纠正CSS / JS参数以填充div

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

我希望幻灯片按比例缩放以适应并覆盖整个div，即使需要从侧面进行裁剪也是如此 。 这是否有意义我要问的是什么？

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

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

谢谢！！

Answer 1

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

.slideshow { position: absolute; } 

Answer 2

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

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

完美的整页背景

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

非终点直道

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