縦バナーをPCに張り付けたら変になりました

Question

ブラックフライデーの縦帯を貼り付けたら
添付画像のように、帯が後ろに隠れるのはなぜでしょうか？

以下のタグを

html{
background-image:url("https://image.rakuten.co.jp/*****cabinet/bana/201811bkfriday_t143.gif");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("https://image.rakuten.co.jp/*****/cabinet/bana/201811bkfriday_t143.gif");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}




 PC デザイン設定>ヘッダー・フッター・レフトナビ >ヘッダーコンテンツに入れましたが
帯が後ろに隠れます。


PC デザイン設定>ヘッダー・フッター・レフトナビ >レフトナビゲーションにいれても変になります

原因はなんでしょうか？###HR######IMG0941f5ef9552cd4519f3506127b942ab5.gifIMG0### ###IMG155eadca9f677e08a5b12c27eafb4cc44.pngIMG1###

Accepted Answer

ECマスターズの田中です。

縦帯バナーは、ウィンドウの左右端に設置する設定になっているため、
ウィンドウを小さくすると、ページの内容と被って、
いただいた画像のような表示になります。

代わりに下記のタグをご利用いただくことで、
ページ内容が縦帯バナーに被りそうになったら、
縦帯バナーを自動的に消すことができます。


@media screen and (min-width:1240px){
html{
background-image:url("https://image.rakuten.co.jp/*****/cabinet/bana/201811bkfriday_t143.gif");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("https://image.rakuten.co.jp/*****/cabinet/bana/201811bkfriday_t143.gif");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}
}

Answer

田中様

先ほどタグを入れましたが

PC デザイン設定>ヘッダー・フッター・レフトナビ >ヘッダーコンテンツに入れましたがプレビューをみたら帯がありません。

どうしてですか？

Answer

ECマスターズの田中です。

１回目に設置した時にプレビューで表示されていたものが
表示されなくなった、ということであれば、
ページの横幅が1240px以下のために隠れている可能性がございます。

ページを画面全体に拡げて、表示をご確認いただけますでしょうか。