有沒有辦法指定FB.ui對話框的z-index

我有一個問題，試圖讓Facebook提要對話框fb.ui顯示在我的網站上的一些內容。有沒有辦法指定FB.ui對話框的z-index

我似乎無法在文檔中找到增加z-index的方法。用一些CSS重寫hackery來做這件事的首選方法是什麼？

我該如何更改z索引？ http://developers.facebook.com/docs/reference/javascript/FB.ui/

2012-03-14 Dylan Oudyk

目前，沒有文檔記載的方法來改變FB.ui對話框的CSS。 FB允許像插件一樣改變CSS的插件，但對話框由FB的頁面控制，因此不允許改變它們的CSS。然而，如果你的目的是確保對話框總是彈出（本質上更高的z-index），那麼你可以嘗試將params中的「display」設置爲「popup」，這將導致一個新的瀏覽器加強而不是覆蓋。

來源

2012-03-14 02:40:21 Shreeni

有點哈克但我發現這個jQuery的片段這樣的伎倆$（ '頭'）追加（」 '）; – 2012-03-14 21:52:15

或者你可以把它放在樣式表中... – 2012-07-17 18:09:35

Facebook爲每個對話框創建一個類fb_dialog的div，並將它們添加到＃fb-root元素中。它還爲fb_dialog元素設置內聯樣式，其中包括z-index: 10001;規則。

你可以在你的CSS覆蓋的z-index：
.fb_dialog {z-index: 99999 !important;}

來源

2012-12-16 17:17:45

有沒有辦法指定FB.ui對話框的z-index

回答

相關問題