1

HTML は初めてです。ただし、Objective-C のプログラミング経験があります。コードは次のとおりです。

<STYLE TYPE="text/css">
  .horiz {
    background-image: url(Banner.png); 
    background-repeat: repeat-x;  
    height:100px; 
  }
</STYLE>

私の banner.png ファイルは 1x100 の画像で、画面全体に問題なく表示されますが、問題は、バナーが上から数ピクセル左にインデントすることです。私はこの効果を望んでおらず、position:relative と top:0px left:0px を試しました。パディングをすべてゼロに設定しようとしました (ただし、どちらも機能しませんでした)。

基本的に、画面の上端を抱きしめる Twitter のトップバーと同様の効果を実現したいのですが、わかりません。私を助けてくれてありがとう！

ps違いがある場合は、bodyタグでタグを使用しています。

4

1 に答える 1

1

あなたの問題は背景とは無関係である可能性が高く、実際には body 要素自体のパディングが原因であり、.horiz要素がビューポートの上部にぴったりと収まりません。

HTML ドキュメントには、デフォルトでいくつかの初期スタイルが設定されています。<body/>これらの 1 つは、要素のパディングです。Eric Meyer が提供するようなリセットスタイルシートを使用するのが一般的です。Chris Coyier の Web サイト ( http://css-tricks.com/snippets/css/meyer-reset/ ) でホストされています。

ドキュメントで最初にこれを参照するだけで、独自のカスタム スタイルをすべて追加できます。これが行うもう 1 つのことは、さまざまなブラウザー ベンダー間にデフォルトで存在するスタイルの違いを正規化することです。

于 2012-04-14T14:09:12.460 に答える