Lightbox と Facebook のいいねボタンとの重なりを直す

以前「Lightbox と YouTube の動画との重なりを直す」方法を紹介致しましたが、
今回は、Facebook のいいねボタンとの重なりを直す方法を紹介致します。
[症状]
Lightbox で貼った画像が、Facebook のいいねボタン と重なると、
背後に隠れて見えなくなってしまう(IE8)
【スポンサーリンク】今回は、Facebook のいいねボタンとの重なりを直す方法を紹介致します。
[症状]
Lightbox で貼った画像が、Facebook のいいねボタン と重なると、
背後に隠れて見えなくなってしまう(IE8)
[解決策]
Lightboxのz-indexは背景が90 前景が100に設定されており
いいねボタンが表示されるボックスの-indexは1000に設定されているそうです。
それをcssで書き換える。
参考サイト:jquery lightbox と いいねボタン(XFBML版)の共存について
Lightboxのz-indexは背景が90 前景が100に設定されており
いいねボタンが表示されるボックスの-indexは1000に設定されているそうです。
それをcssで書き換える。
.fb_edge_widget_with_comment {
z-index: 89 !important;
}
※z-indexの値は90より小さければいくつでもOK
サンプルページ:『トゥルース or デア 密室デスゲーム』
参考サイト:jquery lightbox と いいねボタン(XFBML版)の共存について
- 関連記事
-
-
自作代替広告 2008/05/10
-
画像に並ぶ文字の縦位置 2011/05/02
-
記事の修正とカテゴリ 2006/12/31
-
文法チェッカ(1) 2007/05/20
-
「宅ふぁいる便」 2007/07/31
-
FC2 で Popbox 2011/08/15
-
小技紹介 [1] 2010/04/17
-
国内最大PING一括配信サービス【Pingoo!】 2008/05/05
-
OGP 画像の指定 2012/05/20
-