1

ウェブサイトに fb のようなボタンがありますが、ユーザーがボタンをクリックすると、ポップアップ コメント ボックスが 2 つの要素 (#centreとfooter) の後ろに隠れてしまい、ユーザーは何もできません。

私の質問は、フライアウトの z-index を変更して、ユーザーが [いいね] ボタンをクリックしたときに他の要素の前に表示されるようにするにはどうすればよいですか?

私はこれらの質問を見て、問題を解決するのに運がなかった回答を実装しました:- facebook iframe アプリ: Send/Like ボタンの z-index の問題

私が見つけた、うまくいかなかったその他の修正は次のとおりです。

  1. フライアウトの前または周囲に表示される要素がoverflow: visible;設定されている必要があります。（fb開発者のFaQページより。）

  2. 上記のリンクからの回答にリストされているクラスの z-index を変更します。

  3. iframe によって生成され、script タグにあるクラスの幅と z-index を変更します。_56z-

私が望むのは、レイアウトを変更することなく、ページ上のすべての要素の上にフライアウトを表示することだけです。

ここに私のサイトへのリンクがありますhttp://mikelonsdale.co.uk

お時間をいただき、ありがとうございました。

4

3 に答える 3

1

追加した

    .fb-like span {
    z-index: 999999999999999;
}

私のCSSにそれを修正しました。アクティブとしてもマークされておらず、開発者ツールで非アクティブ化しても何も変わりません. ただし、CSS からそれを取り出すと、すべてが再び愚かになります。

于 2014-10-13T15:40:10.603 に答える
1

#center および #footer div の z-index を負の値に変更します。これで問題は解決するはずです。

サイトに関連する他のすべての要素を変更することを忘れないでください。#center div を少なくとも z-index: -2 に移動します (#footer div が -1 に収まるスペースを確保するため)。

于 2013-10-17T02:44:33.673 に答える