全宽背景有上边距，不会切断图像的顶部(wp-supersized)

Question

我使用wp-supersized来设置动态调整大小的全宽背景。http://wordpress.org/extend/plugins/wp-supersized/

下面是我实现的内容：http://www.preview.sharonblance.com/

我有一个固定高度的标题，高度为154px，我希望图像的顶部从标题的底部填满屏幕，这样图像的顶部就不会被截断。

我认为这个插件使用了浏览器的全部高度，我想试着改变这一点。有没有人能建议我怎么做？

Answer 1

希望现在回答这些问题永远不会太晚。我的回应受到了这篇文章的启发，不幸的是，这篇文章对我来说不起作用，但让我们来看看解决方案：https://github.com/buildinternet/supersized/issues/72#issuecomment-6427232

首先，您需要添加以下javascript (我将其放在$.supersized调用之后)：

$('#supersized li').height($(window).height() - 154);

然后，添加一些CSS：

#supersized li { top: 154px !important; }
#supersized li img {
    width: auto !important;
    max-height: 100% !important;
    top: 0 !important;
}

最后，您可能希望在调试时禁用超大覆盖：

#supersized_overlay { display: none !important; }

祝好运!

Answer 2

#supersized li对于这个类，添加top: 154px;我指的是头部的高度。希望它能起作用。

Answer 3

我猜这个问题已经解决了，但不管怎样，还是在这里吧！

找到您的supersized.css文件并按如下方式进行编辑：

#supersized img {
padding-top:154px;
}