У меня есть страница http://viber.ge/overlay/iframe.php
Я хочу тег <a>
поверх Iframe
.
Iframe
sr c - это баннер, который имеет свой собственный JS.
Я думаю, что JS не позволяет мне размещать теги <a>
или <div>
сверху Ифрама.
Для лучшего изображения я попытался нанести <div>
с цветом фона сверху, но что-то случилось, и Iframe
вроде как поверх этих тегов.
Я включил sandbox="allow-scripts"
опора, но все равно не повезло.
Мне нужен способ запретить JS доступ к чему-либо через Iframe даже в том же источнике (если это так).
Код на странице:
<div id="overlay_div" style="position:relative; width:300px; height:600px; background-color:red; z-index:888">
<a href="https://otherwebsite.com" target="_blank" style="position:absolute; top:0; left:0; display:block; width:300px; height:600px; z-index:999;">
<iframe sandbox="allow-scripts" src="http://viber.ge/overlay/banner_01" style="position:absolute; z-index:1; width:300px; height:600px;" /></iframe>
</a>
</div>
PS Я часами пытался найти решение, но другие подобные вопросы не отвечают на этот ...
РЕДАКТИРОВАТЬ:
Это решает проблему:
<iframe sandbox="allow-scripts" src="http://viber.ge/overlay/banner_01" style="position:absolute; z-index:1; width:300px; height:600px;" /></iframe>
<a href="https://otherwebsite.com" target="_blank" style="position:absolute; top:0; left:0; display:block; width:300px; height:600px; z-index:999;">
</a>
<div id="overlay_div" style="position:relative; width:300px; height:600px; background-color:red; z-index:888">
</div>