2017-01-31 3 views
0

Я ищу блокировку и iframe, которые у меня есть.Разрешить наведение мыши только на iframe (без нажатия)

Я хочу, чтобы каждый мог нависнуть над ним, и появится указательный палец, но он просто отключает все способности, чтобы щелкнуть внутри него. Я пробовал использовать параметр pointer-events: none; css, но это отключает все.

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

+0

Функциональность EN/отключена с JavaScript, а не CSS. Если в кадре отображается страница в том же домене или в домене, которым вы управляете, вы можете добиться этого с помощью JS. Если нет, вы не можете. Лучшее, что вы можете сделать, это наложить прозрачный DIV поверх рамки, чтобы предотвратить щелчок. – Utkanos

+0

У меня нет доступа к javascript - но, я думаю, это может быть то, что я должен сделать. –

ответ

1

Я думаю, что это может быть полезно для вас:

<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> 
0

Простым решением может быть использование 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>

+0

Должно быть, это объяснимо, но это будет работать отлично, и все, кроме причины, по которой я хочу, чтобы они могли зависать, это из-за графиков в iframe, они несколько интерактивны (вы можете перетаскивать их, нажимать на них, изменять их размер и т. Д. .), но я не хочу этого. Я просто хочу иметь возможность нависнуть над разными точками данных, но не удастся, если это возможно, кликнуть. –

Смежные вопросы