(zaměřeno na podporu v IE6, IE7, Firefox 2 a Opera 9)
Filtry: grafika s alfa průhledností, nastavená filtrem alpha.
Všechny filtry fungují jen v IE a pouze na blokové prvky.
Hodnoty parametru style: 0 (jednotný přechod), 1 (lineární přechod), 2 (radiální přechod) a 3 (obdélníkový přechod).
Ve Firefoxu 2 a Opeře 9 (v Opeře 7 nikoliv)
je pro efekt průhlednosti podporována vlastnost opacity (ta ale zase nefunguje v IE).
<img style="filter:alpha(finishopacity=5,style=2)" src="grafika.gif" alt="Grafika s alfa filtrem finishopacity pro Explorer" />
<img style="filter:alpha(opacity=40, style=0)" src="grafika.gif" alt="Grafika s alfa filtrem opacity pro Explorer" />
<img style="opacity: 0.4" src="grafika.gif" alt="Grafika s opacity pro Firefox a Operu" />
Spojíme-li tedy obě vlastnosti ve 2. a 3. příkladu dohromady, je efekt průhlednosti ve všech prohlížečích stejný.
<img style="filter:alpha(opacity=40, style=0); opacity:0.4" src="grafika.gif" alt="Grafika s alfa filtrem opacity pro všechny prohlížeče" />
Zajímavý efekt můžeme vytvořit pomocí pseudotřídy :hover, pokud je grafika současně hyperlinkem.
<a href="#">
<img src="grafika.gif" alt="Grafika s hover efektem" />
</a>
<div style="width:400px; height:50px; filter:alpha(finishopacity=2,style=1)"> <h1>průhlednost u textu pro Explorer</h1> </div>
průhlednost u textu
<div style="width:400px; height:50px; filter:alpha(opacity=40,style=0)"> <h1>průhlednost u textu pro Explorer</h1> </div>
průhlednost u textu
<div style="width:400px; height:50px; opacity: 0.4"> <h1>průhlednost u textu pro Firefox a Operu</h1> </div>
průhlednost u textu
<div style="width:400px; height:50px; font-weight:normal; filter:alpha(opacity=40,style=0); opacity: 0.4"> <h1>průhlednost u textu pro všechny prohlížeče</h1> </div>
průhlednost u textu
Filtr shadow (efekt stínu): v <div> trochu zlobí, obrázek se stínem má oříznutý horní okraj,
v buňce tabulky je stín OK (v obou případech je nastavena velikost bloku o 30px větší než je velikost obrázku).
U textu je stín zobrazen dobře, vše je ale opět funkční jen v IE.