背景画像を重ねたいのですが…

[新着] Webテンプレートを仮オープンしました

0   名前： D ： 2006/12/03（日） 14:51  ID:dj5Qd8Yi
背景を二枚重ねにしたいのですが、どちらか片方しか表示されません。どうすれば良いでしょうか。どなたか教えて下さい！ちなみに上にもってきたい画像は透過処理済みです。
1   名前： 匿名 ： 2006/12/03（日） 14:51  ID:V1JdFVth
ページ全体の話でしたら、
標準モードでよければ、htmlとbodyに背景が使えます。
互換モードでは使えませんので、他の方法で背景に見せかける手法になります。

部分の話でしたら、
div病になって、幾つもdivを重ねるといいでしょう。

これ以上の細かい説明は、的を絞ってから。もっと知りたければ、Ｄさんの状態を
もっと詳しく、教えて下さい。ソースを出されるのが手っ取り早いと思います。
2   名前： D ： 2006/12/03（日） 14:51  ID:dj5Qd8Yi
解答ありがとうございます！
初心者なのでうまく説明できませんが、１枚目は小さい画像をスタイルシートでページ全体に表示、２枚目は画面の左端にだけ表示、（ここまでが背景です）
さらに２枚目の画像の上にjavascriptでメニューボタンをロールオーバーで表示させたいんですが可能なんでしょうか？
3   名前： 匿名 ： 2006/12/03（日） 14:51  ID:O/VjHFgl
初心者なので上手く説明できない場合は、ビンゴを貰いにくくなります。
初心者でも質問に答えるといいのですが、例えば互換モードか、標準か。
説明できないならソースを出すです。

下のソースは純粋な背景ですので、その上にメニューでも本文でも置くことができます。
が、標準モードですので、コピペ材料を集めました形式でのホームページ作成法だと、
扱いが難しいと思います。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html lang="ja">
<head>
<title>●</title>
<style type="text/css">
<!--
html{background:url(全体.gif);}
body{background:url(左上.gif) no-repeat;}
-->
 </style>
</head>
<body>
ここに本文を一杯入れてください。bodyに幅がないと、bodyの背景が表示されません。
</body>
</html>

4   名前： D ： 2006/12/03（日） 14:51  ID:dj5Qd8Yi
教えて下さった通りにするとちゃんと表示できました！
ありがとうございます。
それから解答して下さる方への配慮が行き届いていなくてすいませんでした。次回から気をつけます。
一覧へ戻る