Игнорировать события указателя внутри iframe

Question

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

Когда я добавляю pointer-events: none; ко всему iframe и пытаюсь игнорировать это, установивpointer-events: all; на кнопку (я могу редактировать источник iframe), все равно похоже, что это правило не принято.

У кого-нибудь есть идеи, возможно ли это?Размер iframe должен быть больше, так как после нажатия кнопки содержимое изменится, и появится элемент над кнопкой.

Вот ссылка: https://jsfiddle.net/fnv4vct6/2/

Answer 1

Попробуйте это:

iframe {
  position: fixed;
  bottom: 0;
  right: 0;
  border: 1px solid #000;
  pointer-events: all;
  height: 400px;
}

iframe > * {
  pointer-events: none;
}

Как сделать так, чтобы у iframe были события указателя: нет; но не на div внутри этого?