Posted on 10/06/2008. By Pete Otaqui.
In order to have an IFrame with a transparent background in Internet Explorer, you need to add an “allowtransparency” attribute, like so:
<iframe src="iframe_source.html" id="iframe_id" allowtransparency="true" />
document.getElementById('iframe_id').allowTransparency = true;
Note – you must also make sure that <body> tag in the document contained by the iframe is also transparent in order for the parent’s colours to show through.