Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <h1>Updated: October 2016</h1> <p>The <code>seamless</code> attribute no longer exists. It was originally pitched to be included in the first HTML5 spec, but subsequently dropped. An unrelated attribute of the same name made a brief cameo in the HTML5.1 draft, <a href="https://github.com/whatwg/html/issues/331#issuecomment-169636370" rel="noreferrer">but that too</a> was ditched mid-2016:</p> <blockquote> <p>So I think the gist of it all both from the implementor side and the web-dev side is that <code>seamless</code> as-specced doesn’t seem to be what anybody wanted to begin with. Or at least it’s more than anybody actually wanted. And anyway like <strong>@annevk</strong> says, it’s seems a lot of it’s since been “overcome by events” in light of Shadow DOM.</p> </blockquote> <p>In other words: purge the <code>seamless</code> attribute from your memory, and pretend it never existed.</p> <p>For posterity's sake, here's my original answer from five years ago:</p> <h2>Original answer: April 2011</h2> <p>The attribute is in draft mode at the moment. For that reason, none of the current browsers are supporting it yet (as the implementation is subject to change). In the meantime, it's best just to use CSS to strip the borders/scrollbars from the iframe:</p> <pre><code>iframe[seamless]{ background-color: transparent; border: 0px none transparent; padding: 0px; overflow: hidden; } </code></pre> <p>There's more to the seamless attribute than what can be added with CSS: part of the reasoning behind the attribute was to allow nested content to inherit the same styles applied to the iframe (acting as though the embedded document was one big nested inside the element, for example).</p> <p>Lastly, versions of Internet Explorer (8 and earlier) require additional attributes in order to remove the borders, scrollbars and background colour:</p> <pre><code>&lt;iframe frameborder="0" allowtransparency="true" scrolling="no" src="..."&gt;&lt;/iframe&gt; </code></pre> <p>Naturally, this doesn't validate. So it's up to you how to handle it. My (picky) approach would be to sniff the agent string and add the attributes for IE versions earlier than 9.</p> <p>Hope that helps. :)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload