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

解決済

質問者：tikubiru
質問日時：2009/09/28 16:20
回答数：3件

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： noname#100277
回答日時：2009/09/28 23:00

背景画像（CSS～background）は「引き伸ばし（拡大）」表示は出来ません。

可能なのは「img要素」のみです。
http://www.tohoho-web.com/css/reference.htm#back …
http://www.tohoho-web.com/html/img.htm

- 0
- 件

通報する

No.2

回答者： salonpath
回答日時：2009/09/28 18:04

背景画像は伸ばせない、けどリピートはできる

http://www.htmq.com/style/background-repeat.shtml

- 0
- 件

通報する

No.1

回答者： Chary_spy
回答日時：2009/09/28 17:21

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

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

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

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

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

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

＞background: url(背景.png)

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

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

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