Ask a question »

Transparent IFrames under IE

August 2015


Issue


Transparent IFrames under IE



Issue


I am creating a site and I'm using iframes. I want them to be transparent.
Everything works on Firefox for the best, but in IE7, the background appears, even though I have put:
  • allowtransparency="true" 

Here is the complete code for my iframe:
<iframe style="left: 228px; position: absolute; top: 347px; background-color: transparent" name="contenu" src="accueil.htm" frameborder="0" height="655" width="573" allowtransparency="true" >

How could I do to make it appear transparent in IE too?

Solution


I've noticed that having a doctype 1.0 in pages called by iframe, transparency works in IE

Instead of :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> , use <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">.

Thanks to feuch for this tip.
For unlimited offline reading, you can download this article for free in PDF format:
Transparent-iframes-under-ie.pdf

See also

In the same category

Published by aakai1056.
This document entitled « Transparent IFrames under IE » from CCM (ccm.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.