Transparent IFrames under IE

October 2017


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.
Published by aakai1056. Latest update on April 5, 2012 at 08:02 AM by aakai1056.
This document, titled "Transparent IFrames under IE," is available under the Creative Commons license. Any copy, reuse, or modification of the content should be sufficiently credited to CCM (ccm.net).