1

ページの上部にある幅100%の画像でページを作成する必要があります(これを「img1」と呼びます)。

img1の上に、「img2」と呼ばれる別の画像を配置する必要があります。これは、ピクセル単位で固定サイズで、中央に配置されます。

img2がフォームの背景になるので、フォームを配置します。

相対的および絶対的にネストされたdivを使用して画像を別の画像の上に配置する方法に関するいくつかの投稿をすでに読んだことがありますが、マージン自動を使用することはできません。img2では、絶対位置があり、サイズがpxであるため、画面サイズに応じて移動するため、左を%に入れることさえできません。

私は別のオプションを試しました。これは、指定された背景サイズ(img1の場合は100%の幅、img2の場合は500pxの幅)のbackground-imagesを持つ2つのネストされたdivを使用し、img2をbackground-positionで中央に配置します。 (もちろん、背景画像を使用しているため、これは空です)、高さはありません。

タグを使用していたとき、img1に100%の幅を設定することで、画像の比率に応じて高さが自動的に定義されました。しかし、現在、background-imagesでは、divに「ねえ、あなたの身長をあなたのbackground-imageに合わせてください」とは言えません。

何を指示してるんですか ?私は自分の問題をよく説明できたと思います。

どうもありがとうございます

4

3 に答える 3

1

CSS3の複数の背景画像でそれを行うことができます

これにより、次のように複数の背景を指定できます。

background-image: url(http://i153.photobucket.com/albums/s223/chibizim/110-baby-monkey.png), url(http://upload.wikimedia.org/wikipedia/commons/e/e6/Standing-stone-state-forest-tn1.jpg);

デモ

于 2013-02-13T13:00:31.817 に答える