Это должно быть забавной загадкой для вас Гении переполнения стека:
Я создаю плагин для браузера, который вставит 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)
(«ресурс запрещен»)
Есть идеи, как решить эту проблему?Большое спасибо!