HTML iframe с другим доменом src: как отключить щелчок, но сохранить курсор в целости и сохранности

Question

У меня есть этот iframe, источником которого является другой домен.Так как iframe содержит некоторые ссылки, которые я не хочу работать.Я пытаюсь отключить щелчок, но мне нужно, чтобы наведите курсор мыши на iframe.

<iframe id='myframe' style='width: 1000px; height: 700px;' src='http://www.voyant-tools.org/tool/Cirrus/?visible=335&corpus=9ecfdf31007fbd721c5b414ea9294b5c'></iframe>

Я пытался использовать css:

#myframe{
    pointer-events:none;
}

Но это также отключает наведение.Как я могу отключить щелчок, но при этом наведите курсор мыши?

Answer 1

Вы можете достичь желаемого, добавив прозрачный слой к существующему iframe.
Вы должны объявить еще один <div> внутри iframe, а затем добавить к нему следующее свойство стиля

.overlay {
background-color: rgba(1, 1, 1, 0.0);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}