我正在为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开发的新手。提前谢谢!
答案 0 :(得分:1)
要删除图像下方的间隙,只需重写margin
上的.section-inner
规则即可。这个类在导航中。
.section-inner {
width: 1040px;
max-width: 86%;
margin: 0 auto; // this rule is changed
}