Установить фон тела прозрачным в fbml iframe

Question

Я ищу обходной путь, который позволил бы мне удалить фон из тега body внутри фрейма fbml, который по умолчанию получает белый фон.

Я пробовал разные способы доступа к фбмiframe, но, к сожалению, Facebook отрицает какие-либо попытки вставить что-то в кадр.

Ошибка сообщается здесь, но не так много ее движется: http://bugs.developers.facebook.net/show_bug.cgi?id=12621

Любой умный / неприятный способчтобы это исправить?

Answer 1

Вы можете сделать фон в iframe прозрачным, используя

colorscheme=transparent

вместо dark или light:)

Answer 2

Если ваш сайт не работает на facebook.com, вы не можете получить доступ к чему-либо в этом iframe (см. та же политика происхождения ).

Если Facebook не дает вам возможность изменить его, вы не можете.

Answer 3

В плагине «Рекомендации» есть похожая ошибка. Вы можете проголосовать здесь: http://bugs.developers.facebook.net/show_bug.cgi?id=19459

Между тем, вы можете использовать плагин Activity, который имеет прозрачный фон.

Answer 4

Виджеты Facebook по умолчанию имеют встроенную прозрачность?

Следовательно, атрибут ARIA: AllowTransparency = "true",

У меня есть кнопка «Мне нравится» на моем сайте, которая работает отлично - она ​​не проверяется, но проверка просто инструмент .

Вы также можете использовать квадратное поле типа FB:

<iframe src="http://www.facebook.com/plugins/like.php?href=http://mutant-tractor.com/&amp;layout=box_count&amp;show_faces=false&amp;width=65&amp;action=like&amp;font=segoe+ui&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:55px;height:60px;" allowtransparency="true"></iframe>

FBML кнопка «Мне нравится»: http://www.shinyface.com/2010/08/16/adding-facebook-like-buttons-to-your-website/

Answer 5

У меня возникла противоположная проблема с одним из виджетов Facebook, который я использовал в проекте (фон был прозрачным, и мне нужен был цветной).Я сделал виджет, завернутый в контейнерный элемент div, который я классифицировал как «facebook_badge», а затем получил к нему доступ, и iframe через CSS примерно так:

.facebook_badge iframe {
   background: #fff;
}

Судя по звуку, они недействительно соответствует их виджетам и тому подобному, но, возможно, стоит попробовать и поиграться (теоретически, вы можете получить доступ к телу с помощью iframe body, но я не проверял его).Вы можете, по крайней мере, получить его в сплошном цвете, который соответствует вашему фону, через сам iframe.