html - 如何摆脱 CSS/HTML 部分之间的空白

Question

我是网页设计的新手，遇到了这个问题；我有两个部分，每个部分都有其获胜的背景图片。但是，第一个背景图像不会紧跟在前一个背景图像之后。相反，两个图像之间有一个看起来很丑陋的空白。

这是 jsfiddle:http://jsfiddle.net/M26Ge/

CSS:

#slide-1 .bcg {
  background-image:url('http://upload.wikimedia.org/wikipedia/commons/1/15/Hopwas_Woods_Sun.jpg');  
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 800px;
  width: 100%;
}
#slide-2 .bcg{
  background-image:url('http://i953.photobucket.com/albums/ae11/Kronstadt/Shabby-Princess-Kristie_SF_StripedP.jpg');
  background-position: center center;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}

Answer 1

我不确定，但也许您正在寻找 CSS Reset？

只写 * { margin: 0;填充:0； 在 css 代码的顶部。否则，如果内联元素存在其他空白问题，您可以在受影响元素的容器上使用 font-size: 0; 来修复它们。