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

#javascript #jquery #css #html

#javascript #jquery #css #HTML

Вопрос:

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

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

Я пробовал использовать css:

 #myframe{
    pointer-events:none;
}

Но это также отключает наведение. Как я могу отключить щелчок, но сохранить наведение без изменений?

Ответ №1:

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

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