transparent iframe


<iframe src="" allowtransparency="true">

Browser
Internet Explorer5.5
Type
Inline-block Extension

The allowtransparency attribute of the IFRAME element specifies whether to allow a transparent background in the iframe.


<iframe src="example.html" allowtransparency="true"> - </iframe>


Attribute Value Explanation
allowtransparency=" " true allows the transparency
false not allows the transparency (default)

Extension attribute. (Non standard attribute)

If you specify the "true" value for this attribute, add the following CSS for the BODY tag of the page to load into the iframe.

<body style="background-color: transparent;">

Tips and Notes

Please see the "Related Document" for details on CSS.


Example

The page that sets the iframe

<div style="background: #ffffff url(image/back2.gif);">

<p><iframe src="iexample_l.html" width="300" height="150" allowtransparency="true">Alternate content</iframe></p>

</div>

The page to load into the iframe (iexample_l.html)

<html>
<head>
<title>TAG index</title>
</head>
<body style="background-color: transparent;">

<p>transparent example ...</p>

</body>
</html>

Output