スマホのフローティングフッターバナー

Question

いつもお世話になっております。

現在、爽快ドラッグのスマホページにあるクーポンの存在をフローティングフッターとして表示させるには
どのようにしたらよいでしょうか。画像を添付しようとしましたが、ずっとアップロード待ちで動かないので添付できませんでした。

同じように透過させたいです。
すでにフローティングヘッダーにメニュー等を設置済みです。
GOLDにおいてあるスマホ用のCSSタグに追記する形でよいのでしょうか。

あまり詳しくありませんのでご教授下さい。
宜しくお願い致します。

Answer

ECマスターズの田中です。

クーポン表示部分のHTMLソースを共通説明文に、
表示部分の見た目を整えるスタイルシートをスマートフォン用外部CSSファイルに、
それぞれ追記していただければ結構です。

たとえば、共通説明文に
===== この下の行から ============



===== この上の行まで ============

続いて、スマートフォン用外部CSSファイルに
===== この下の行から ============
.spFixedBannerBottom img{
display: block;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
width: 100%;
opacity: 0.8;
}
===== この上の行まで ============

と記載してください。
CSSに含まれる「opacity」で、透明度を指定できます。（0:完全透明 〜 1:不透明）