• 文字サイズ


解決済

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

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

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

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

よろしくお願い致します。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
今年4月から毎週オンラインにて開催し、これまでに1400社以上が参加された 90分で学べる楽天集客対策セミナーを12月11日(金)に開催します。 初めての参加で満足できるか不安な方には返金保証もお付けしております。 ぜひこの機会にご参加ください。

  • 返信者:非公開
  • 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のあて方が間違っていたようです。なんとかなりそうです。
ありがとうございました。………(省略)………