javascript - ResponsiveSlides.js 全屏背景图片

Question

我使用的是 ResponsiveSlides.js，效果很好，但我真正想做的是将幻灯片图像作为背景图像，这样我就可以使幻灯片适合视口(viewport)的整个宽度和高度。

我关注的页面和文档在这里- http://responsiveslides.com/

您通常会看到，幻灯片图像基本上是放置在 html 列表项中的图像标签。但是为了让这些图像填​​充浏览器窗口，据我所知，它们需要成为背景图像我以前在其他网站上也成功过。

然而，经过大量研究后，我从插件的作者那里发现了这一点- https://github.com/viljamis/ResponsiveSlides.js/issues/113

在这里，作者解释说，为了实现我自己想做的事情，html应该使用空列表项或div来使用css指定背景图像。我试过这样做，但图像根本没有出现。任何帮助或指示将不胜感激。

Answer 1

如果你想使用 ResponsiveSlides 你可以尝试将 ul 样式设置为

width: 100%;
height: 100%;
z-index: -1; /*To make sure it does not cover anything */
position: fixed;
top: 0;
left: 0;

但是这个插件似乎不是为此而制作的。您应该考虑使用不同的插件，例如 http://vegas.jaysalvat.com/