2重に背景画像を

質問をさせていただきます。
画像のようにこれまでは
赤のBのみをbodyに指定して
パターンイメージを並べていました。

そこでその上にAの様な横だけに並べるPNG画像の背景が
欲しいとおもったところこのようなサイトを見つけました。
ttp://www.bnote.net/css/css_layout/tips_html_back.html
このサイト方がおっしゃられている様に
htmlにback-groundでBを指定
bodyにAを指定すれば出来る！
と思ったのですが上手くいきません。

htmlにBを並べるのは成功しました。
しかしbodyにAを指定してはめこむと
pngの黄色い部分が透過されず白背景になってしまいました。
bodyにbackground-color: transparent;を指定したりと
試しましたがなんとも上手くいきません。
何かアドバイス等ございましたらよろしくお願いします！

今は
html {
background-image:url(○○○○○.gif)
}
body {
height : 100%;
text-align:center;
font-size:16px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.6;
background-color: transparent;
background-image:url(○○○○○.png);
background-position: left top;
background-repeat: repeat-x;

}

となっております。

No.1 ベストアンサー 回答者： fnkdlrekl 回答日時： 2014/04/04 23:57

https://developer.mozilla.org/ja/docs/Web/Guide/ …

このやりかたどうですかね？

この回答へのお礼

ご返信ありがとうございます！
遅れましてすみません。
そんな技があったのですね！
ありがとうございます！

お礼日時：2014/04/22 13:31