Приложение Facebook iframe: выпуск z-index кнопки «Отправить / Мне нравится» - PullRequest
Новая
       19

Приложение Facebook iframe: выпуск z-index кнопки «Отправить / Мне нравится»

5 голосов
/ 25 августа 2011

У нас возникла проблема с нашей кнопкой «Мне нравится» / «Отправить», если вы открыли: http://apps.facebook.com/bymii-test/products.php?pageid=216605071714962&prd_id=35&prd_name=Coalesce: - нажмите «Отправить», поле находится за боковой панелью Facebook.Есть ли способ: изменить z-индекс или сделать всплывающее окно слева?

Ответы [ 6 ]

12 голосов
/ 27 октября 2011

Я НАКОНЕЦ НАЙТИ ОТВЕТ !!1 1/2 часа поиска позже .. просто введите этот код в свой файл CSS: 

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
top: 15px !important;
left: -250px !important;}

Надеюсь, это то, что вы искали, потому что это было именно то, что я искал!

7 голосов
/ 22 марта 2012

Убедитесь, что родительский / контейнерный элемент имеет значение css "overflow:visible".Это происходит, когда "overflow:hidden".Надеюсь, это поможет.

1 голос
/ 27 августа 2014

Я изменил превосходное решение Шейна, чтобы сосредоточиться именно на z-index:

CSS: 

.fb_edge_widget_with_comment span.fb_edge_comment_widget
{
    z-index:8 !important;
}

Приведенный выше код CSS показывает виджет Facebook выше всего остального, без необходимости что-либо перемещать или «переполнять».

1 голос
/ 25 января 2014

Я нашел это на работу: 

/* the below allows the fb:like iframe to show entirely instead of getting cropped off */

.fb-like iframe {
    max-width: inherit;
}

/* the same issue with the "send" button */

.fb-send iframe {
    max-width: inherit;
}

Как видите, эти элементы "наследуют" атрибуты width своих родительских элементов.

Надеюсь, это поможет.

1 голос
/ 25 августа 2011

Чтобы всплывающее окно всплыло поверх всего этого, нужно, чтобы кнопка «Мне нравится» работала в XFBML. Реализация iframe ограничена, и если вы измените ее высоту и ширину, чтобы она просто соответствовала кнопке, окно будет скрыто.

0 голосов
/ 26 августа 2011

Это общая проблема, с которой сталкиваются все разработчики. У всплывающего окна нет способа определить его относительное положение на странице или в фрейме.
Чтобы получить желаемый результат, я всегда устанавливаю лайк, отправляю кнопки в левой части моей страницы .

...