#javascript #html #css #iframe
#javascript #HTML #css #iframe
Вопрос:
Я работаю над iframe, в котором я пытаюсь наложить iframe поверх веб-страницы. Iframe — это плавающая кнопка, которая остается в правом нижнем углу веб-страницы независимо от того, где пользователь находится на странице. Проблема, с которой я сталкиваюсь, заключается в том, что, хотя прокрутка работает отлично, кнопки и ссылки на базовой HTML-странице (где вызывается iframe) больше не работают. Код для iframe находится здесь:
<iframe src="ka.html" title="KA"
style=" padding: 0px; margin: 10px 20px; position: fixed; bottom: 0px; overflow: visible; opacity: 1; border: 0px; z-index: 999998; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-property: opacity, top, bottom; right: 0px;"
height="100%" width="100%">
</iframe>
Как я могу заставить функциональность базового уровня работать? Я действительно ценю любую помощь, которую я могу получить.
Комментарии:
1. Вы уверены, что ваш iframe не покрывает весь экран просмотра? Кроме того, если вам действительно не нужно, чтобы это был iframe, я настоятельно рекомендую вам просто абсолютное позиционирование этого элемента вместо использования iframe
2. К сожалению, это для другой веб-страницы, поэтому iframe — мой лучший вариант прямо сейчас. Это означает, что я, к сожалению, не могу использовать абсолютную позицию, не нарушая форматирование остальной части веб-страницы. Есть идеи?
3. Тогда важен мой другой момент. Если iframe занимает весь экран просмотра (но в значительной степени прозрачен с чем-то в одном углу), тогда он проглотит все события. Если вы не контролируете и эту страницу, вы в принципе ничего не можете с этим поделать, кроме как поместить свой контент над iframe