ResponsiveSlides.js全屏幕背景图片

时间:2015-08-20 21:02:52

标签: javascript css

我正在使用我工作得很好的ResponsiveSlides.js,但我真正想做的是将幻灯片图像作为背景图像,以便我可以使幻灯片适合视口的整个宽度和高度。

我所遵循的页面和文件在这里 - http://responsiveslides.com/

你会看到,通常情况下,幻灯片图像基本上是放在html列表项目中的图像标签..但是为了让这些图像填​​满浏览器窗口,据我所知,它们需要成为背景图像我之前在其他网站上成功完成了。

然而,经过大量研究后,我从插件的作者那里找到了这个 - https://github.com/viljamis/ResponsiveSlides.js/issues/113

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

1 个答案:

答案 0 :(得分:0)

如果您想使用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/