Läpinäkyvän iframen toteutus olisi maailman helpoin asia jos Internet Explorer noudattaisi standardeja, mutta ikävä kyllä asia ei ole näin. Läpinäkyvyyden toteuttamiseen vaaditaan standardien mukainen tapa sekä Internet Exploreria varten ihme viritelmä.
Tämä tutoriaali olettaa, että iframe luodaan koodilla:
<iframe src="" class="sisalto" id=""></iframe>
Sivulle, jolla iframe sijaitsee, tarvitaan seuraava pätkä koodia head-osioon:
<!--[if IE]>
<link rel="stylesheet" href="ietyyli.css" type="text/css" title="IE css-lisäykset" />
<![endif]-->
Tyylitiedosto ietyyli.css tarvitsee seuraavan koodin:
iframe.sisalto
{
FILTER:chroma(color=#101010) !important;
}
Jokainen iframeen aukeava sivu tarvitsee tyylimäärittelyn:
body
{
background-color:transparent;
}
Jokainen iframeen aukeava sivu tarvitsee myös tämän koodin head-osioon edellä olleen tyylimäärittelyn jälkeen:
<!--[if IE]>
<link rel="stylesheet" href="ietyyli2.css" type="text/css" title="IE css-lisäykset" />
<![endif]-->
Tyylitiedosto ietyyli2.css tarvitsee seuraavan koodin:
body
{
background-color:#101010;
}
Valmista pitäisi olla.