1

我在这里有一个网站：网站 我的问题是，身体（我想稍后将不透明度设为 0 的女巫）不在整个网站上？它只是停在中间的“块”-部分之后。当我删除 html 部分中的背景颜色时，正文再次变为全屏。但出于另一个原因，我需要背景颜色。（我不想改变这个）。

我希望您可以使用浏览器查看/编辑源代码。

我想要这样： http: //postimg.org/image/j2ec1sl9z/

解决方案！！！ 我现在不能回答我自己的问题，所以我必须这样做：

所以，我找到的解决方案是：

我用javascript设置了高度自动加载。

var wheight = $(window).height();
$("body").css("height", wheight);

不是最好的解决方案，但它有效！

谢谢大家的帮助！

4

4 回答 4

1

您需要重置正文的默认样式，该样式具有一些边距和填充，具体取决于浏览器。所以你只需要确保 body 没有任何边距或填充。所以试试这个。

body {
  margin: 0;
  padding: 0;
}

更新html：在Set上添加背景图片background-size:cover

html{
  background-size: cover;
  background-image: url(Blurred.jpg);
}

并将其从现有部分中删除，即。body样式，否则它将显示两次。

line 5或者只需在in删除此行style.css

html {
 background-color: #EDEDED;
}
于 2013-10-16T17:53:54.680 回答
1

唯一的解决方法是删除所有浏览器的默认边距和填充

body {
 margin: 0;
 body: 0;
}

这样，所有的边距都将被删除，而你的 body 标签将填满空间！

例子：

在您的网站中，您可以看到用户的浏览器自己给出了这个边距

在此处输入图像描述

问题是有一个标题，user agent stylesheet这意味着这个问题是由用户的浏览器创建的。添加的边距是8px。

现在，当您设置margin: 0它时，它将更新用户的样式表，并且将使用您将提供的样式。这是0。

现在，图像的第二个错误id="Block是提供了margin-top: 183.5px;删除它或将其替换为margin: 0;That will do :)

要填充正文的空间，您可以使用min-widthandmin-height确保始终填充正文标记。

然后使用将填充浏览器屏幕的整个空间的图像。

于 2013-10-16T17:56:17.010 回答
0

我想我会提供某种类型的替代方法来重置正文边距。我的一个网站也遇到了同样的问题。我在不重置边距的情况下绕过它的方法是将高度设置为 100%。

<body onload="centerVertical('Block')" id="body" style="height:100%">

和

<html style="height:100%">.

我会在你的网站上发布一张编辑的图片，但我需要 10 个代表来发布图片。

function cry(){for(1=1){return tears;}}
于 2013-10-16T18:29:25.657 回答
0

您可能会遇到“保证金崩溃”的问题。

“......两个或多个框（可能彼此相邻或嵌套）的相邻边距（没有非空内容、填充或边界区域或间隙将它们分开）组合形成一个边距。”

您的margin-top子元素section#block的 也正在向下推其父元素<body>。
尝试将其更改为padding-top，而不是：

$(ID).css("padding-top", half + "px");

我还建议给出一些高度<html>并<body>删除任何默认边距/填充：

html,body {
  height:100%;
  margin:0px;
  padding:0px;
}
于 2013-10-16T18:06:56.300 回答