Facebookフィードダイアログfb.uiを自分のサイトの一部のコンテンツに表示しようとして問題が発生しました。
ドキュメントでz-indexを増やす方法を見つけることができないようです。いくつかのCSSオーバーライドハッカリーなしでこれを行うための好ましい方法は何ですか?
これでzインデックスを変更するにはどうすればよいですか? http://developers.facebook.com/docs/reference/javascript/FB.ui/
Facebookフィードダイアログfb.uiを自分のサイトの一部のコンテンツに表示しようとして問題が発生しました。
ドキュメントでz-indexを増やす方法を見つけることができないようです。いくつかのCSSオーバーライドハッカリーなしでこれを行うための好ましい方法は何ですか?
これでzインデックスを変更するにはどうすればよいですか? http://developers.facebook.com/docs/reference/javascript/FB.ui/
現時点では、FB.uiダイアログのCSSを変更するための文書化された方法はありません。FBでは、comment-pluginなどのプラグインのCSSを変更できますが、ダイアログはFBのページによって制御されるため、cssを変更することはできません。
ただし、ダイアログが常にポップアップするようにすることが目的の場合(基本的に高いz-index)、パラメータの「display」を「popup」に設定してみてください。これにより、代わりに新しいブラウザがポップアップします。オーバーレイの。
実際、他のdivを隠蔽している顧客チャットボックス。私はこの問題に取り組むためにこれをしました:
.fb-customerchat.fb_invisible_flow.fb_iframe_widget
{
z-index: 99998 !important;
}
Facebookは、ダイアログごとにクラスfb_dialogを使用してdivを作成し、それらを#fb-root要素に追加します。また、z-index: 10001;
ルールを含むfb_dialog要素のインラインスタイルを設定します。
CSSでz-indexをオーバーライドできます。
.fb_dialog {z-index: 99999 !important;}