縦長バナーの右側の表示について

Question

お世話になります。

スーパーSALE終了で設定ミスに気づいたのですが、
縦長バナーの右側の表示がされていませんでした。

縦長バナーを
ヘッダー・フッター・レフトナビのテンプレート設定の
ヘッダー部分に下記を差し込んだのですが
----------------------------------------------

html{
background-image:url("https://image.rakuten.co.jp/takumi-hagane/cabinet/202009supersale_t300.gif");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("https://image.rakuten.co.jp/takumi-hagane/cabinet/202009supersale_t400.gif");
background-repeat:repeat-y;
background-position:right;
background-color:transparent;
}

----------------------------------------------

左にしかでませんでした。
どの部分が間違っていたか教えて下さい。
よろしくお願いいたします。

Accepted Answer

ECマスターズの伊藤です。

> 左にしかでませんでした。
> どの部分が間違っていたか教えて下さい。

商品番号：788255
のページにて、確認いたしました。

コードは間違いではございませんが、
さてさんの店舗に設定されている下記のCSSで
上書きされてしまうのが、
原因となっておりました。

https://www.rakuten.ne.jp/gold/takumi-hagane/compass/shop/css/style_rms.css
6行目あたり
body:not(.shops-preview), body.shops-preview #preview-cont { background-image: url(""); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; }

background-image: url("");
と、背景画像の指定がございませんので、
上記コード自体には、意味は有りません。
不要であれば、上記を削除していただくか、
下記のコードをご使用くださいませ。


html{
background-image:url("https://image.rakuten.co.jp/takumi-hagane/cabinet/202009supersale_t300.gif");
background-repeat:repeat-y;
background-position:left;
}
body{
background-image:url("https://image.rakuten.co.jp/takumi-hagane/cabinet/202009supersale_t400.gif")!important;
background-repeat:repeat-y;
background-position:right!important;
background-color:transparent;
}

Answer

伊藤さんありがとうございます。
了解です。ご提示のコードを使ってみます。
ありがとうございました。