ホーム WEBデザイン nendバナー広告、CSSのz-index値によっては隠れてしまうかも。
ようやくnendアフィリエイトサービスの申請が承認されましたので、早速オーバーレイバナーを設置しました。なにせアフィリエイトなんて初めてなので、申請が承認されるのかどうか、何を根拠にもわかっておりませんでしたので、単純に承認されて、無事表示され嬉しかったのですがw
スポンサーリンク
バナーよりも、設置した「上部へ戻る」ボタンのレイヤーが上だったために、バナーが隠れてしまった。
と、ここで問題が発生!私は「上部へ戻る」ボタンをCSSを、position:fixedで右下にいつも配置しているのですが、オーバーレイバナーが隠れてしまいました。
nendメディアパートナーサービス利用規約の「第 18 条(禁止行為)」の(17)に、「(17) メディアサイト等において、ユーザーのクリック又はタップに反応する端末画面上の領域の拡大・変動・移動を行う等の、当社が定める仕様に従わない配信を行う行為」とあり、また「(20) その他、当社が不適当と認める行為」とありますので、これは禁止行為にあたるものだと思います。
やはりというか、単純にCSSのz-indexの問題なのですが、その数値が具体的に掲載されていないようなので、調べました。
スポンサーリンク
nendのオーバーレイバナー広告のz-index数値は「9999」
オーバーレイバナーのz-index値は9999でした。9999だとバナーの上にオブジェクトが乗っかってしまいます。9998だとオブジェクトは下に隠れますので、
#pageTop { position: fixed; bottom: 0; right: 0; z-index:9998; }
上記の例は右下に配置した例です。こうすれば下記の写真のように隠れてくれます。
スポンサーリンク
Twitter でbbpをフォローしよう!
Follow @https_bbp_jpこんな記事もあります。
コメント
プロフィール
bbb
はWEBデザインと輸出入の仕事をしてます。趣味程度のブログです。キュレーションへの投稿、ページのいいねとシェアに喜びます。