2

ここではあまり CSS に関する質問をしていないので、ここで質問します。

私がページを持っているとしましょう：

<body>
   <div id="wrap">//page containment, etc.. goes here..</div>
   <img class="custom-bg" src="example.jpg" />
</body>

次に、特に画像用の CSS をいくつか書きます。

#wrap {
   z-index: 100;
}
img.custom-bg {
   position: absolute;
   top: 1000px;
   left: 50%;
   margin-left: -960px //the image is 1290px wide
   z-index: 0;
}

わからない場合は、はい、絶対配置を使用して背景画像を作成しようとしています。はい、わかっています。画像を body タグの背景として設定し、配置を使用して配置できますが、この質問のために、それは私にはオプションではないとしましょう。

当面の問題は、水平スクロール バーの外観です。Google にはオーバーフローなどをオフにする例がたくさんありますが、上記のようなことを実行するときに水平スクロール バーを削除するための明確なアプローチを誰かが見つけたり作成したりできるかどうかに興味があります。勝手に幸せに生きる絶対像。中心。ウィンドウに「添付」されていません...したがって、ブラウザーがユーザーに非常に大きな画像があることを知らせる必要がなくなり、水平方向に少しスクロールするだけでそれを見る必要があります。

どんな洞察も素晴らしいでしょう。この例を検索する可能性があり、Web 開発に不慣れな人が、絶対配置と水平スクロールに関する問題を解決する方法を簡単に理解できるように、できるだけ少ないコードを含めました。

4

1 に答える 1

1

ここでポイントを逃したかもしれませんが、position:fixed代わりに使用してみませんか?

http://jsfiddle.net/shanethehat/7MetS/

于 2012-04-05T14:34:18.453 に答える