html - iFrame links are not working when embedded. How can I sort this?

Question

Am hoping you can help me. I am embedding an iframe in my website using this code:

`<div class="iframe-container">
  <iframe width="560" height="315" src="https://www.rightmove.co.uk/property-for-   sale/find/Kennedys/Bridport.html?locationIdentifier=BRANCH%5E32820&includeSSTC=true&_includeSSTC=on" allowfullscreen allow-popups></iframe>
 </div>`

The CSS for the Iframe Container is:

`.iframe-container {
   overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 .iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  }`

The issue is that when the frame loads it does not allow the links to be opened (they can be clicked but they do not open) I have tried allow-popups in the iframe code but that doesn't work.

Any ideas on how to fix, please.

It can be seen here https://kennedys.icts.website/buy

Thank you in advance.

Tom

Answer 1

等待大神答复