2011-12-07 9 views
3

HTMLタグとBODYタグに背景画像を追加して、余分なdiv要素を追加せずに2重の背景効果を得ることができることはよく知られています。私はあなたがこれを行うことができますが、私はそれを余分な余白がBODY要素の上部に追加されたときにしようとすることが大好きです。CSSのHTML要素に背景を設定するときに不要な余白

私が見つけたものは、次のコードを追加した場合:

*{ 
    margin: 0; 
} 

それは、このマージンを取り除くだろうが、それはまた、それはので、私は、私はしたくなかった他のすべての要素をリセットする必要がありますマージンを取り除く

誰かがHTMLタグのマージンを取り除く方法を知っていますか?

この:

html { 
    margin: 0; 
} 

がところで動作しません。それは余分な間隔を引き起こす何か他のようだ。

更新: JS Binの例を示します。 http://jsbin.com/ebefah/2

私はHTML5のdoctypeを実行していますが、私は体の余白も取り除いています。

回答: thirtydotにありがとうございます。答えは、マージンが崩壊したためにH1だった。一度私はH1の上のマージンを取り除くと、それは完璧に働いた。ありがとうございました!

+0

[jsFiddle](http://jsfiddle.net/)または[JS Bin](http://jsbin.com/)テストケースを提供できますか?私は推測のように感じることはありません。 – thirtydot

+2

ほとんどのブラウザで 'body'にデフォルトのマージンがあります。 – kapa

+0

あなたは 'body {margin:0; } '? – haynar

答えて

5

等、例えばh1などの要素にデフォルトで適用margin/paddingを有するbodyhtmlマージンを崩壊させる。

Read this.

あなたはおそらくちょうどh1margin-top: 0を設定したいです。

+0

これは私が探していた答えです。 – rasicoc

1

体にデフォルトの余裕があります。..

ブラウザ間でデフォルトのスタイルを正規化するためにCSSのリセットを使用しhtml,body{margin:0;padding:0}

0

を試してみてください。ヤフーはまともなCSSのリセットを持っています。ほとんどの要素は、ギャップが原因の影響、(デフォルトでいくつかのmargin-topを有する)h1から来て

http://yuilibrary.com/yui/docs/cssreset/

関連する問題