Wordpress - 使背景图像覆盖100%视口高度

时间:2017-05-11 15:47:39

标签: css wordpress

我正在为wordpress博客制作一个完整的页面视差图像标题。我已经将以下样式应用于标题图像(我通过在dev工具中检查它找到了css类。)

.header {
    background: no-repeat center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    height: 100vh;
    margin: 0;
    background-attachment: fixed;
    position:relative;
}

即使在应用此图像后,我也会注意到图像下方有一个白色空间,一旦我将其向下滚动。您可以在此处查看问题:http://bakemachine.com/travel/

如何删除此问题?我正在使用海明威的主题,并且是wordpress开发的新手。提前谢谢!

1 个答案:

答案 0 :(得分:1)

要删除图像下方的间隙,只需重写margin上的.section-inner规则即可。这个类在导航中。

.section-inner {
    width: 1040px;
    max-width: 86%;
    margin: 0 auto; // this rule is changed
}