ホームページ >ウェブフロントエンド >htmlチュートリアル >背景画像の下と横を無限に伸ばす方法_html/css_WEB-ITnose
背景画像の下と横を無限に伸ばす方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:56:543095ブラウズ
たとえば、フォームに彼の背景画像を設定しました。
次に、画像を繰り返すのではなく、底部が無限に広がることを期待して、テーブルの長さが背景画像よりも長くなります。
辺も無限に拡張できるといいですね
ご存知の方はテーブルコードとCSSコードも教えてください、よろしくお願いします。 。
ディスカッションへの返信 (解決策)
次のように試してみて、背景としてテーブルの後ろに写真を配置し、その写真を 100% に引き伸ばします。背景の写真は引き伸ばすことができないことを知っておく必要があります
<。 ;div width="800px;height:600px">
.....
#back {
width: 800px;
height: 600px;
z-index: -1;
Position : 絶対;
}
#back img {
width: 100%;
height: 100%;
お役に立てば幸いです。 。 。
次のようにして、背景としてテーブルの後ろに画像を配置し、画像を 100% に拡大できます。背景画像は拡大できないことを知っておく必要があります
<表幅="800px;高さ:600px">
.. ...
ありがとう、でもこれは私が望むものではありません、
この種の画像は変形するためです。
アイデアはあるけどCSSの書き方がわからない。
私の写真は底面と側面を同じ色で作成しています。
つまり、画像をテーブルの中央に配置します。
次に、背景画像の外側に背景色を設定する方法はありますか?
画像の下部の色を抽出し、背景色を背景画像の色と一致させます。
これにより、エッジが引き伸ばされていることがわかります。 。 。
CSSの書き方がわかりません、うまくいったらまた教えてください。
説明が明確ではありません~ サポートが必要な場合は、1157373706 まで追加してください
1 階の返信からの引用:
次のように試して、背景としてテーブルの後ろに写真を置き、ストレッチすることができます画像を 100% に拡大する場合、背景画像は拡大できないことに注意してください