cssで背景画像を記事本文の長さにあわせて自動に引き伸ばす方法。

質問

宜しくお願いします。
タイトル通りなのですが、
記事背景の画像を記事長さに合わせて自動的に引き伸ばす方法が判らず困っております。
background: url(背景.png)
上記のお尻部分に何か付け足すのでしょうか？

回答No.3

noname#100277 · ベストアンサー

背景画像（CSS～background）は「引き伸ばし（拡大）」表示は出来ません。
可能なのは「img要素」のみです。
http://www.tohoho-web.com/css/reference.htm#background
http://www.tohoho-web.com/html/img.htm

回答No.2

salonpath

背景画像は伸ばせない、けどリピートはできる
http://www.htmq.com/style/background-repeat.shtml

回答No.1

Chary_spy

このような内容はなるべくネットで検索して分かるようにしましょう。

たまにいますが、全部聞いてくるのがいます。どう言う目的かわかりませんが、”教えてちゃん”は困り者です。

”CSS リファレンス”で検索してみましょう。属性別や、機能別にあります。サンプルが結構載っているのでわかると思います。まずＣＳＳの基本的なところ学んでから質問しましょう。今回のもの基本的なところです。

http://msdn.microsoft.com/en-us/library/aa358807(VS.85).aspx
（マイクロソフトサイト英語ですが書式だけは見て分かるし、サンプルを見れば分かるかと思います。）

http://hp.vector.co.jp/authors/VA022006/css/index.html
（最初にヒットしたサイトです）

ＣＳＳ３が最新ですが、ＣＳＳ２で書くと無難です。マイクロソフトのは、どちらかと言うとＣＳＳ３で、ＩＥ専用です。ＩＥでないと動作しないものが有ります。

＞background: url(背景.png)

上記を見れば分かると思いますが、この属性には、

＞のお尻部分に何か付け足

が有りません。簡単に言えば、サイズ指定で、％　指定すれば、いいわけです。例えば、ＢＯＸオブジェクト（ＤＩＶなど）に対してwide: 100%; となります。で、Ｉｍｇタグにしかサイズしてはありませんね。Divの中にImgタグでPosition:relativeでサイズを１００％にすると、常にＢＯＸに対して１００％のサイズを取ります。そのようなやり方もあります。