全宽背景有顶部边距不切断图像顶部（wp超大）

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;
}