Я ищу блокировку и iframe, которые у меня есть.Разрешить наведение мыши только на iframe (без нажатия)
Я хочу, чтобы каждый мог нависнуть над ним, и появится указательный палец, но он просто отключает все способности, чтобы щелкнуть внутри него. Я пробовал использовать параметр pointer-events: none; css, но это отключает все.
Я не могу найти нигде в Интернете, что сделало бы это возможным с помощью iframe, каких-либо идей?
Я думаю, что это может быть полезно для вас:
<div title="Your title Here" style="pointer-events: none !important; cursor: pointer;">
<iframe id="clock1" src="http://google.com" frameborder="0" width="110" height="110"
style="pointer-events: none !important; cursor: pointer;"></iframe>
</div>
Простым решением может быть использование DIV в качестве ловца на вершине вас IFRAME, который имеет CSS свойство cursor: pointer;, это будет эмулировать эффект указателя и вы заблокируете все взаимодействия внутри iframe.
#catcher {
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1000;
}<div id="catcher">
<iframe src="https://www.google.com" width="100%" height="100%">
</iframe>
<div>Должно быть, это объяснимо, но это будет работать отлично, и все, кроме причины, по которой я хочу, чтобы они могли зависать, это из-за графиков в iframe, они несколько интерактивны (вы можете перетаскивать их, нажимать на них, изменять их размер и т. Д. .), но я не хочу этого. Я просто хочу иметь возможность нависнуть над разными точками данных, но не удастся, если это возможно, кликнуть. –
Функциональность EN/отключена с JavaScript, а не CSS. Если в кадре отображается страница в том же домене или в домене, которым вы управляете, вы можете добиться этого с помощью JS. Если нет, вы не можете. Лучшее, что вы можете сделать, это наложить прозрачный DIV поверх рамки, чтобы предотвратить щелчок. – Utkanos
У меня нет доступа к javascript - но, я думаю, это может быть то, что я должен сделать. –