Почему мой iframe приводит к тому, что остальная часть страницы становится пустой?
Я пытаюсь создать iframe, который встраивается на любую веб-страницу, где он отображается только как кнопка в правом нижнем углу веб-страницы, а при нажатии открывается окно размером около 100 на 100 пикселей, которое также встроено в веб-страницу внизу правый угол. Проблема в том, что каждый раз, когда я помещаю iframe на страницу, середина страницы, где они были до этого, становится пустой. Вот код iframe:
<iframe src = "ka.html" title = "KA"
style = "overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px"
height = "100%" width = "100%">
</iframe>
Я пробовал редактировать стиль, но не уверен, что проблема в стиле. iframe использует файл html и код js. Я мог бы использовать некоторую помощь в выяснении того, откуда возникает проблема и как я могу ее исправить. Я очень ценю любую помощь, которую я могу получить.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Стиль - причина, если я понял ваше описание проблемы.
Комбинация position: absolute и нуля для верхнего/левого/нижнего/правого заставит iFrame покрыть первый элемент-предок, который имеет position: relative (или элемент тела, если его нет).
Большое спасибо! Есть ли у вас какие-либо советы относительно того, что я должен изменить? Поскольку единственный способ, которым я мог бы придумать правильное размещение, - это использовать абсолютную позицию.
Если, как вы говорите, вы просто хотите, чтобы iFrame отображался в правом нижнем углу и имел определенную ширину, тогда что-то вроде bottom: 0; right: 0; width: 100px; height: 100px может помочь. Имейте в виду, что все, что покрывает iFrame, не будет кликабельным/взаимодействующим, даже если вы сделаете фон своего iFrame прозрачным.
Я попробовал код, который вы включили, но я продолжаю получать размещение iframe в верхнем левом углу вместо предполагаемого нижнего правого. Я не хочу заходить слишком далеко, но знаете ли вы какие-нибудь способы получить iframe, чтобы он не влиял на остальную часть страницы и оставался в правом нижнем углу?
поместите код в jsfiddle.