0

これが私のジレンマです。バーが表示された背景画像があります。を使用して背景画像に合わせます

body {
     background-image: url("foo");
     background-size: 100%;
}

そのバーの中に入れたいHTMLもあります。問題は、ユーザーがブラウザー ウィンドウのサイズを変更すると、画像がそれに合わせて調整されますが (これは私がやりたいことです)、html は同じ場所にとどまるため、バーの外に配置されます。HTMLが画像に接着されているように見えるように、HTMLを画像のようにサイズ変更可能にする方法はありますか? 誰かがこれのCSSクリップをくれますか?

4

2 に答える 2

0

画像を使用してレイアウトをガイドする際の最大の問題は、この問題によって例示されます。残念ながら、Harrison さん、画像を変更せずに、ブラウザーやブラウザーのサイズを問わず、やりたいことを実行できるソリューションはありません。可能であれば、どのように見えるかのスクリーンショットを投稿してください。背景を変更して互換性を改善するのに役立ちます。

それまでの間、画像からバーを削除し、引き続き画像を背景として使用することをお勧めします。次に、div をdisplay: block;使用し、バーを背景として使用します。

于 2012-07-28T20:58:30.100 に答える
0

バーのサイズを変更できるようにする場合は、高さと幅をコンテナーの高さと幅の割合に設定します。もちろん、ウィンドウのサイズを大幅に縮小すると、HTML がはみ出してしまいますが、それに対する救済策はありません。

于 2012-07-28T21:21:10.663 に答える