Transparent IFrames under IE

July 2016


Issue



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.

See also :

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.