楽天　スマホ　フローティングバナー　iphoneのみ表示がおかしい

Question

お世話になります！現在、スマホの右側にフローティングバナーを2つ表示させているのですが何故かiPhone(6S)で見たときに2つのバナーのうち上部ラッピングバナーのみが重なって表示されています。PCでUseragentswitterで確認すると問題ないようです。

Answer

ECマスターズの田中です。私でも、iPhone6sで閲覧した時に２つバナーが現れることを確認いたしました。a[href*="http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"] {に対する規則を作られているため、iPhone6sで閲覧した時だけ現れる同じ条件の要素に同じスタイルが適用されている可能性があります。可能であればid属性をつけていただきたいのですが、難しい場合は、上記の条件を、#shopCommonText a[href*="http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/"] {にご変更いただき、条件を絞っていただくといかがでしょうか。

Answer

早速のご返信ありがとうございました！ただ、まだ、なにも触っておりませんが何故か本日再度見てみると、正常に表示されるようになっておりました。。。今後、同じような症状となった場合上記にて対応してみたいと思います。ありがとうございました！

楽天 スマホ フローティングバナー iphoneのみ表示がおかしい

カテゴリーから探す

楽天　スマホ　フローティングバナー　iphoneのみ表示がおかしい