1

私は HTML/CSS のようなものには比較的慣れていないということから始めなければなりません。2880x540 の画像があり、それを Web サイトのランディング ページとして設定しようとしています。これは、スクロールバーを使用せずに、余分な幅がブラウザウィンドウからにじみ出るように、画像を中央に配置する必要があることを意味します(余分な解像度は、高解像度モニターなどの場合にあります)。同じ比率を持つ他の 2 つの画像のロールオーバーとして、画像の 2 つの領域を使用することを計画しています。

今のところ、私のコードは非常に基本的です:

    <!DOCTYPE html>
  <head>
  </head>
  <body>
  <img src="sitewide.png" width="2880" height="540"  alt=""/>
  </body>
</html>

フィードバックは大歓迎です。

4

1 に答える 1

0

画像を div の中央の背景として設定できます。

<!DOCTYPE html>
  <head>
    <style>
      body{
        overflow-x: hidden;
      }
      #bigImage{
        background:url('sitewide.png') no-repeat top center;
        width: 2880px;
        height: 540px;
      }
    </style>
  </head>
  <body>
    <div id="bigImage"></div>
  </body>
</html>
于 2013-11-13T22:40:17.263 に答える