css - 全宽背景有顶部边距不切断图像顶部(wp-supersized)

Question

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

这是我实现的:http://www.preview.sharonblance.com/

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

我认为该插件虽然使用了浏览器全高，但我想尝试更改它。谁能建议我该怎么做？

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

祝你好运!