Головоломка: iframe другого домена должен динамически «перекрывать» родительский контент - PullRequest
0 голосов
/ 13 ноября 2010

Это должно быть забавной загадкой для вас Гении переполнения стека:

Я создаю плагин для браузера, который вставит div, script и iframe в разметку любой страницыклиент просматривает.Цель состоит в том, чтобы закрепить панель инструментов внизу каждой страницы ( StumbleUpon делает это для Chrome).Вот код, который находится перед </body>:

<div id="someID1" style="position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent;">
    <iframe id="someID2" src="http://www.example.com/iframeContent.html" frameBorder="0" scrolling="no" style="background-color: transparent; margin: 0px; height: 100%; width: 100%; padding: 0px;"/>
</div>

Эта панель инструментов (iframe) будет размещена на нашем сервере и имеет всплывающие панели.Когда пользователь нажимает кнопку, чтобы открыть меню, меню вертикально расширяет панель инструментов (например, высота панели инструментов составляет 35 пикселей; для панели - 100 пикселей).

Я могу сделать это в Safari, Firefox и Chrome, поместив мою панель инструментов поверх всего на прозрачном фоне (т. Е. height: 100% и background-color: transparent для div и iframe).Но это не работает для IE7, IE8, IE9.

Я пытался (1) сделать background: blank.gif вместо background-color: прозрачный, и (2) ввести script в родительскийс функцией изменения размера, которую я мог бы вызвать с помощью parent.resizeFunction(height) («ресурс запрещен»)

Есть идеи, как решить эту проблему?Большое спасибо!

1 Ответ

1 голос
/ 13 ноября 2010

Мне нужно запустить, поэтому я не могу проверить его, но IE, кажется, слушает нестандартное свойство ALLOWTRANSPARENCY.

Когда свойство установленов false свойство backgroundColor объекта может быть только свойством окна.Если для свойства установлено значение true, свойству backgroundColor объекта можно присвоить любое значение, включая значение по умолчанию прозрачного.

...