在我的菜单下创建一个全屏图像

Question

我正在使用Joomla中的SJ Vinda模板，我想要做的是设置一个自定义html模块，其中包含一个图像，处于幻灯片放置位置，并强制它采用每个用户将使用的屏幕大小使用。支持团队给了我一个代码来覆盖幻灯片css：

#yt_slideshow .container{
    width: 100%;
}
#slideshow .module div.modcontent{
    padding: 0;
}

然而，这个会将模块位置转为全宽。我需要它来调整图像的大小，并切割它的一部分，以便在整个屏幕上显示。我想要做的例子：http://www.orangedigital.com.au/

有人可以指导我吗？

Answer 1

不要理解你想要完成的事情。如果您正在尝试制作全屏幻灯片，则可以使用任何全屏滑块，例如Superslides。如果您将图片用作background-image，则设置background-size:cover将解决您的问题。然而，您提供的示例站点链接，正在发生不同的事情。他们使用了具有position:fixed属性的图像，并使用javascript调整了大小。如果你想要这样的东西，那么你需要通过javascript来做。