- ベストアンサー
【ホームページ】テキストの背景に一枚絵
ご教授願います！ http://www.fourmets.com/ こちらのサイトの、一番広い白い箇所の背景に画像をはめ込みたいのですが （タイルのように並べるのではなく、一枚の写真） なかなか上手くいきません・・・ 具体的なコードを教えていただけると大変ありがたいです！ 何卒宜しくお願いいたします。
- ueda_y_k
- お礼率100% (24/24)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートを使う方法が一般的ですが 下記のコードでもできると思います。 <HTML></HTML> 間に以下のコードを記述します。 aaa.gif はページ全体の背景画像のファイルへのURL bbb.gif はテキスト背景に均一色を使う場合（見やすくするなど） に指定します。指定しなければ、そのまま背景の上に color： の色でテキストが表示されます。 <!-- body { overflow: hidden; } #bg-img { width: 100%; position: absolute; top: 0; left: 0; } #text { background: url(bbb.gif) !important; position: absolute; padding: 10px 0; width: 100%; top: 10%; left: 0px; color: #000000; font-size: 1em; } --> </STYLE> </HEAD> <BODY> <img src="aaa.gif" alt="" id="bg-img" /> <p id="text">表示したいテキスト文はここに記述します。</p> </BODY>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_4_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_3_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
何とか自己解決できました。ありがとうございました。
補足
早速ご回答いただきありがとうございました。 これだとページ全体に画像の背景が設定されるようです・・・ 教えていただきたいのは、現在白背景の部分（絵とテキストがある部分）を 画像にする方法ですので、もしよろしければ今一度ご教授いただければ幸いです。 宜しくお願いいたします。