css - 全宽背景具有顶部边距以不切断图像顶部（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.css 文件并编辑如下：

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

Answer 3

#supersized li对于这个类添加top: 154px;我的意思是标题的高度。希望它会奏效。