Jak na průhlednost v IE

Internet Explorer (aktuální verze 8) jak známo nepodporuje vlastnost opacity z CSS3. To je vážně škoda, neboť díky této vlastnosti lze dělat fakt skvělé vizuální efekty. Naštěstí už dříve vývojáři IE vymysleli jakýsi filtr alpha a ten funguje prakticky stejně jako opacity. Řešení je tedy jednoduché. Když budeme chtít nějaký objekt na stránce částečně zprůhlednit, tak do CSS kódu přidáme tuto deklaraci:

Pro IE (ostatní prohlížeče vlastnost filter neznají!) to bude znamenat to samé, co opacity: 0.5. Není to úžasné?

Ještě je potřeba dodat, že ani filter, ani opacity není součástí CSS (CSS3 je zatím ve fází pracovního návrhu), takže předložené řešení je nevalidní. Snad by se dal použít nějaký poloprůhledný PNG obrázek jako pozadí a docílilo by se stejného efektu bez ztráty validity, jenže by s tím byly zase potíže v našem oblíbeném IE6, který nepodporuje alfa kanál u PNG.