Html5 Iframe Seamless Attribute

HTML5 iFrame Seamless Attribute

It's not supported correctly yet.

Chrome 31 (and possibly an earlier version) supports some parts of the attribute, but it is not fully supported.

Is there an alternative to the seamless attribute that works in all browsers

Although theseamless attribute is not supported by any of the modern browsers, you might want to emulate it with css to get you started:

iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

Note: with IE you might need to include additional attributes to get seamless outlook to work:

<iframe frameborder="0" allowtransparency="true" scrolling="no" src="...">

HTML5 CSS3 and IFRAMES?

The solution was to add overflow:hidden in the css of the file that was being loaded into the iframe. If the document is not something you can control the source code of, then use javascript to appent the overflow hidden attribute to it's body.

Remove border from IFrame

Add the frameBorder attribute (note the capital ‘B’).

So it would look like:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

---

Related Topics