Встраивание Facebook в IFrame

Question

У меня есть приложение, в котором есть IFrame со слишком большой страницей, позволяющей рисовать на веб-страницах. Когда я захожу на Facebook с приложением, появляется всплывающая подсказка, покрывающая все с непрозрачностью 50% (что нормально). Проблема в том, что в некоторых установках IE7 оверлей полностью черный. Кто-нибудь может посоветовать, как это обойти?

Вот мой код:

<iframe name="test" ID="test" src="http://www.facebook.com/cyberkruz" height="200" style="width: 100%; height: 100%" allowtransparency="true"></iframe>

Вот код, который они генерируют, который делает это.

<div style="z-index: 1000001; position: absolute; filter: alpha(opacity = 50); WIDTH: 9999px; background: black; height: 9999px; top: 0px; left: 0px; opacity: 0.5;" onclick="top.location.href=window.location.href"/>

Есть ли что-то, что я могу сделать с метатегами или что-то, чтобы заставить фильтр альфа работать правильно?

Answer 1

По сути, вы не можете сделать это, так как вы не можете изменять элементы внутри IFrame, как это. Единственный вариант - сделать скриншот запрошенной страницы, а затем отобразить ее поверх.

Answer 2

Мэтью Крускамп

Загрузка Facebook в Iframe и использование наложения на странице попадает в Запрещенную Функцию Facebooks. ЕЩЕ: http://developers.facebook.com/docs/guides/policy/examples_and_explanations/Prohibited_Functionality/

Приложения, которые, по-видимому, принимают профиль человека или другие страницы на Facebook.com не разрешены. Эта функциональность идет вразрез с нашими усилия по обучению пользователей тому, как идентифицировать безопасные и аутентичные Службы Facebook, чтобы избежать таких ситуаций, как фишинг. Для большего информацию об использовании активов бренда Facebook, пожалуйста, посетите бренд Центр разрешений.

Answer 3

Полагаю, это можно решить с помощью CSS ...

Я не понимаю, почему это не должно работать, если вы поместите div над ним, но я верю, что это не работает :) Что касается решения со странными пространствами имен ie8 - есть нечто похожее на ie7. Я видел это на MSDN

... но

Вы можете попробовать использовать фон PNG. Не обычный PNG, а 8-битный, который работает в ie6 и выше и почти во всем! Это как прозрачный GIF, но с прозрачностью вместо полной прозрачности.

читать ЗДЕСЬ

Вам нужно будет найти инструмент, который их создает. GIMP не (AFAIK)

Answer 4

Если это ограничение безопасности и страница вашего приложения хранится локально, вы можете попытаться добавить метку Интернета (http://msdn.microsoft.com/en-us/library/ms537628(VS.85).aspx) на свою веб-страницу (это помешает IE считать ее локальной страницей запустить локальную политику безопасности на нем)