去除视差框之间的空白间隙

Question

我的网站有问题weeral.it

两个视差部分之间以及视差部分与页脚之间存在空白。

有办法解决这个问题吗？非常感谢！

Answer 1

一些查找和替换工作需要到您的 main.css

找到

body .normal-page, body .portfolio, body .blog {
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

替换

body .normal-page, body .portfolio, body .blog {
  padding-top: 30px;
  position: relative;
  z-index: 100000;
}

需要删除此 padding-bottom: 30px; 然后进入你的 HTML 删除

标签 http://prntscr.com/fp31er

它看起来像这样

Answer 2

页脚正上方的空白 space 在浏览器的开发人员工具中显示为 <div class="main-wrapper"> 的一部分。尝试包括这个

margin: 0;
padding-bottom: 0;

到包装器 <div> 和包装器中的最后一个 <div> <div>

Answer 3

template-wrapper-22 ID 标签后底部有额外的填充和额外的 P 标签。

main.css行号120

body .normal-page, body .portfolio, body .blog {
    z-index: 100000;
    position: relative;
    padding-top: 30px;
    /* padding-bottom: 30px; */ 
}

去除视差框之间的空白间隙

Remove blank gap between parallax boxes

html

css

parallax