3

Web サイトに大きな画像 (幅 1000px) のヘッダーがあります。この画像は中央 (水平) にあります。ユーザーが幅 1000 ピクセル未満のブラウザー ウィンドウでこの Web サイトにアクセスした場合、横方向にスクロールできます。画像の外側の部分は重要ではなく、ページの残りの部分はユーザーのブラウザー ウィンドウと同じ幅なので、これは避けたいことです。

例: ユーザーのブラウザ ウィンドウの幅は 600px です。

画像の最初の 200 ピクセルが非表示になり、次の 600 ピクセルが表示され、画像の最後の 200 ピクセルが再び非表示になります。

<html>
<body>
    <div id="outer" style="width:100%;overflow-x:hidden;">  
        <div id="inner" style="display: table;margin: 0 auto;width:1300px">
            <img src="image.jpg" alt="image" width="1300px">
        </div>
    </div>
</body>
</html>
4

4 に答える 4

7

そのためには CSS を使用する必要があります。

div {
    overflow-x: hidden;
}
于 2013-09-12T17:15:10.403 に答える
1

Should work by itself if you just set it as a background image, centered. You'll need to put it on a div that has 100% width applied to it, and a height specified in order to expand the div to see anything.

于 2013-09-12T17:15:59.897 に答える