Is there a way to have content from an IFRAME overflow onto the parent frame?

by

No it’s not possible. Ignoring any historical reasons, nowadays it would be considered a security vulnerability — eg. many sites put untrusted content into iframes (the iframe source being a different origin so cannot modify the parent frame, per the same origin policy).

If such untrusted content had a mechanism to place content outside of the bounds of the iframe it could (for example) place an “identical” login div (or whatever) over a parent frame’s real login fields, and could thus steal username/password information. Which would suck.

More Related Contents:

  1. Full-screen iframe with a height of 100%
  2. Add a tooltip to a div
  3. cross-domain iframe resize
  4. How to change style of iframe content cross-domain?
  5. HTML – how can I show tooltip ONLY when ellipsis is activated
  6. Can I apply CSS to the elements within an iframe?
  7. Resize external website content to fit iFrame width
  8. Iframe inherit from parent
  9. How can I access the contents of an iframe with JavaScript/jQuery?
  10. Refresh/reload the content in Div using jquery/ajax
  11. How to identify if a webpage is being loaded inside an iframe or directly into the browser window?
  12. How to transform black into any given color using only CSS filters
  13. Prevent zoom cross-browser
  14. How to check if iframe is loaded or it has a content?
  15. Get a CSS value from external style sheet with Javascript/jQuery
  16. How to add multiple classes to a ReactJS Component?
  17. Changing width property of a :before css selector using JQuery [duplicate]
  18. Dashed border animation in css3 animation
  19. How to auto-size an iFrame? [duplicate]
  20. How to partition input field to appear as separate input fields on screen?
  21. CSS Animation onClick
  22. CSS: Change parent on focus of child
  23. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  24. Fade background image in and out with jQuery?
  25. CSS /JS to prevent dragging of ghost image?
  26. Refresh iFrame (Cache Issue)
  27. How to keep elements non-refreshed
  28. How do you swap DIVs on mouseover (jQuery)?
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment