1

私はここにウェブサイトを持っています:ウェブサイト 私の問題は、ボディ (後で不透明度を 0 にしたい魔女) がサイト全体にないことですか? 途中の「ブロック」セクションの後で止まります。html 部分の背景色を削除すると、ボディが再びフルスクリーンになります。しかし、別の理由で背景色が必要です。(私はこれを変更したくありません)。

ブラウザでソースコードを閲覧・編集していただければ幸いです。

このようにしたい： http://postimg.org/image/j2ec1sl9z/

解決！！！ 今は自分の質問に答えることができないので、次のようにする必要があります。

だから、私が見つけた私の解決策は次のとおりです。

javascriptで高さ自動オンロードを設定しました。

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

最善の解決策ではありませんが、うまくいきます!

助けてくれてありがとう！

4

4 に答える 4

1

回避する唯一の方法は、ブラウザのデフォルトのマージンとパディングをすべて削除することです

body {
 margin: 0;
 body: 0;
}

このようにして、すべての余白が削除され、body タグがスペースを埋めます!

例：

あなたのウェブサイトでは、ユーザーのブラウザが独自にこのマージンを与えていることがわかります

ここに画像の説明を入力

user agent stylesheetこの問題は、この問題がユーザーのブラウザによって作成されていることを意味するキャプションを持っています。加算されるマージンは です8px。

設定margin: 0すると、ユーザーのスタイルシートが更新され、指定したスタイルが使用されます。です0。

今、画像の2番目のエラーは、それを削除するか、それを置き換えることでid="Block提供されていることです:)margin-top: 183.5px;margin: 0;

body のスペースを埋めるには、min-widthandmin-heightを使用して body タグが常に埋められるようにします。

次に、ブラウザ画面のスペース全体を満たす画像を使用します。

于 2013-10-16T17:56:17.010 に答える
1

ブラウザに応じて、マージンとパディングがある本体のデフォルト スタイルをリセットする必要があります。したがって、ボディにマージンやパディングがないことを確認する必要があります。だからこれを試してください。

body {
  margin: 0;
  padding: 0;
}

更新html：セットに背景画像を追加background-size:cover

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

既存のセクションから削除します。bodyそうしないと、2 回表示されます。

または、この行を削除するだけline 5ですstyle.css

html {
 background-color: #EDEDED;
}
于 2013-10-16T17:53:54.680 に答える
0

本文の余白をリセットする代わりに、なんらかの方法を提供できると考えました。私のサイトの1つでも同じ問題に遭遇しました。マージンをリセットせずに回避した方法は、高さを 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 に答える