ホーム   WEBデザイン   nendバナー広告、CSSのz-index値によっては隠れてしまうかも。

 WEBデザイン    2,706

 

nendバナー広告、CSSのz-index値によっては隠れてしまうかも。

このエントリーをはてなブックマークに追加

ようやくnendアフィリエイトサービスの申請が承認されましたので、早速オーバーレイバナーを設置しました。なにせアフィリエイトなんて初めてなので、申請が承認されるのかどうか、何を根拠にもわかっておりませんでしたので、単純に承認されて、無事表示され嬉しかったのですがw

スポンサーリンク

バナーよりも、設置した「上部へ戻る」ボタンのレイヤーが上だったために、バナーが隠れてしまった。

と、ここで問題が発生!私は「上部へ戻る」ボタンをCSSを、position:fixedで右下にいつも配置しているのですが、オーバーレイバナーが隠れてしまいました。

1_2

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;
}

上記の例は右下に配置した例です。こうすれば下記の写真のように隠れてくれます。

2_2

スポンサーリンク

 

Twitter でbbpをフォローしよう!

コメント

このエントリーをはてなブックマークに追加

プロフィール

bbb

bbpはWEBデザインと輸出入の仕事をしてます。趣味程度のブログです。キュレーションへの投稿、ページのいいねとシェアに喜びます。