• 文字サイズ


解決済

スマホのフローティングバナーの閉じるボタン

  • 相談者:非公開
  • 2016/06/18 16:30
お世話になります。

https://forum.ec-masters.net/post_view.php?id=2454
こちらを参考にフローティングバナーを設置しました。

こちらにプラスしてバナーの閉じるボタンをつけるにはどうしたらよいでしょうか。

よろしくお願い致します。
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/06/18 17:25
ECマスターズの田中です。

<div class="spFixedBanner">〜</div>の間、かつバナー用の<img>タグの後方に
リンク付きの………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/18 17:46
ECマスターズの田中さま

いつも早いお答え、ありがとうございます。
早速やってみます。

ありがとうございます。………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/18 19:27
すみません、

例)
.spFixedBanner a img {
bottom: 115px;
left: 0px;
}

の件ですが、元のバ………(省略)………
  • 返信者:非公開
  • 2016/06/18 20:00
ECマスターズの田中です。

それでは、閉じるボタン自体にクラスをつけていただけますでしょうか。
例えば、閉じるボタンの<img>タグに
class="………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/18 20:16
ありがとうございます。

やってみましたが、禁止タグのエラーが出ます。
<img
class="spfbclose" src="....
>
みたい………(省略)………
  • 返信者:非公開
  • 2016/06/19 13:10
ECマスターズの田中です。

禁止タグチェックの回避は、タグ名の後ろに ="" を入れることで可能です。
(改行の場合は、別途全角スペースが数個必要です)………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/19 16:53
ありがとうございます。
おかげさまで無事回避できましたが、位置の調整がうまく行きません。
何が原因でしょうか。
何度もすみません。………(省略)………
  • 返信者:非公開(質問者)
  • 2016/06/19 17:02
cssのあて方が間違っていたようです。なんとかなりそうです。
ありがとうございました。………(省略)………
このフォーラムへの質問は終了しました