Есть ли способ указать z-индекс диалога FB.ui
У меня возникла проблема с отображением на моем сайте диалога с фидом Facebook fb.ui.
Я не могу найти способ найти в документации способ увеличения z-индекса. Какой предпочтительный способ сделать это без какой-либо хакерской переопределения CSS?
Как мне изменить индекс z с этим? http://developers.facebook.com/docs/reference/javascript/FB.ui/
2 ответа
На данный момент не существует документированного способа изменения CSS диалогов FB.ui. FB позволяет изменять CSS для плагинов, таких как comment-plugin, но диалоги управляются страницей FB и, следовательно, не позволяют изменять их css.
Однако, если ваша цель состоит в том, чтобы убедиться, что диалоговое окно всегда всплывает (по существу, более высокий z-индекс), тогда вы можете попробовать установить "display" в параметрах на "popup", что вызовет всплывающее окно нового браузера. наложения.
Фактически, его окно чата для клиентов, которое закрывает другие div. Я сделал это, чтобы решить эту проблему:
.fb-customerchat.fb_invisible_flow.fb_iframe_widget
{
z-index: 99998 !important;
}
Facebook создает div с классом fb_dialog для каждого диалога и добавляет их в элемент #fb-root. Он также устанавливает встроенные стили для элементов fb_dialog, включая z-index: 10001; править.
Вы можете переопределить z-index в вашем CSS:.fb_dialog {z-index: 99999 !important;}