Question

为我的背景图片添加了新的div类后，顶部，底部和页面菜单变为白色。的的style.css

#boundless{
  background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  line-height:20px;
  font-size:14px;
  font-family:"Trebuchet MS"; 
  margin:0
}

的index.php

<body>
    <div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'>

Answer 1

使用Firebug，我发现问题是由style.css中的第16行引起的：

margin:165px auto 20px;

如何调试此类问题：

考虑可能的原因，在以下各项之后重复此步骤。
打开Firebug，打开问题部分的上下文菜单（在本例中为空白底部），然后选择Inspect Element
将鼠标悬停在节点上，查看哪个地方覆盖了问题发生的位置。我现在感觉可能的原因是使用边距，填充或宽度不正确。
通过查看右侧窗格Style选项卡来隔离CSS /元素。如果需要，请展开节点。
禁用或更改CSS属性的值，以查看它是否确实导致了问题。

Answer 2

在你的style.css中，你有许多#xxxxx和

background-color:white; and background-color:#fff;

示例：#wrapper2有此。

所以它正在做你告诉它要做的事。

什么导致顶部的空白区域;底部？

2 个答案: