Как сделать полноэкранный iframe с непрозрачным фоном?

Question

Я могу создать iframe, который занимает весь экран. Но я не могу скрыть содержимое фона. Другими словами, я хочу, чтобы iframe был непрозрачным. В настоящее время я пытаюсь так:

   <iframe name='myifrmae' allowtransparency = 'false' background= '#FFFFFF' id = 'myiframe' src = 'main.html' 
     style='position:absolute; top:0px; left:0px; width:400px; 
            height:100%;z-index:999' onload = 'sendParams();'' frameborder='no'>
   </iframe>

Я тестирую это на Firefox / 3.5.6.

Я что-то здесь не так делаю?

UPDATE: Я дал BGCOLOR = "#FFFFFF" в main.html body, теперь он работает нормально. Спасибо за ваш вклад!

Answer 1

Попробуйте:

<iframe name='myiframe' id='myiframe' src='main.html' 
 style='position:absolute; top:0px; left:0px; width:100%; height:100%; 
        z-index:999' onload='sendParams();' frameborder='no'>
</iframe>

Вам не нужно устанавливать allowtransparency = false, так как это значение по умолчанию. Также было несколько ошибок с дополнительными кавычками. Также я исправил написание атрибута name.

Я изменил ширину на 100% вместо фиксированной ширины в 400 пикселей, чтобы обеспечить заполнение всего окна.

Answer 2

Почему бы не использовать непрозрачный div с iframe в нем?

Answer 3

В полноэкранном режиме iFrame вам нужно будет добавить поле: auto; к вашим стилям.

Answer 4

allowtransparency = 'false'

Звучит не очень хорошее начало?

Попробуйте установить allowtransparency = 'true'

И затем убедитесь, что у содержимого внутри iframe прозрачность установлена.