PNG a prohlížeče
IE6 sux
Každý, kdo někdy dělal webovky a chtěl použít nějaký ten průhledný obrázek se setkal s dilema: Jak to udělat? V IE6 se průhlednost dala udělat pomocí GIF souboru, který je však sám o sobě již dost omezující tím, že dokáže zobrazovat jen 256 barev a průhlednost nastavit pouze jedné barvě. Tedy žádné alpha kanály.
Další možností bylo použití PNG a k němu css filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);, což ovšem pěkně podělá, jelikož pokud chcete na tento obrázek pak umístit třeba odkaz, tak se smiřte as tím, že kliknout půjde jen tam, kde není průhlednost.
A poslední a nejčastější možnost je, že se holt bez průhledností budeme muset obejít. To se vyřeší tak, že vzhled sice navrhene s průhlednostma, ale pak to poukládáte i s barvou pozadí a tím pádem o průhlednosti přijdete.
IE7
PNG podporuje naprosto standardně, jako ostatní prohlížeče. Tedy alespoň na první pohled. Jelikož já nepatřím k těm, co by brali ohled na zastaralé a naprosto stupidně navržené prohližeče (chápej IE6 a jim podobné), tak PNG s alpha kanály používám všude.
Navrhl jsem si tedy nový web - blogovadlo a použil jsem průhledné PNG i na pozadí (obrázek velikosti 5x5px o velikosti 118 B), jelikož je to naprosto dokonalé řešení pro změnu celkového vzhledu stránky. Pouze změním pozadí pro tag body a mám změněn barevně celý web.
Problému jsem si ovšem všiml velice rychle. Ono totiž IE7 nedokáže tak „velkou“ plochu průhledností vykrestli v dostatečně krátkém čase, aniž by spotřebovával 300% výkonu CPU. Pokud zabrousíte na blogovadlo pomocí IE7, tak si všimnete při prvním pounu stránky, že prostě v tom okamžiku se s PC nedá pracovat a že posun probíhá nejen zpomaleně, ale dokonce sekaně! Soudruzi z MS asi nejspíše udělali zase někde chybu.
Co z toho plyna pro nás webdesignery? Nejspíše zase nějaké obcházení, jak se tomuto vyhnout, jak to obejít, ... a nebo: IE sux forever. To je můj případ. Jelikož weby nevydělávám, ale tvořím je proto, že mě to baví, tak nemám jediný kloudný důvod (krom přístupnosti) abych se takovýmito zmetky zabýval.
Firefox 2
S tímto problémy nemá, i když je vidět, že prostřední část webu, kde jsou na sobě průhlednosti 2 je o pár milisekund spomalenější v pohybu, takže po posunutí jakoby pak odskočí, ale naprosto v klidu.
Firefox 3 beta 2
Naprosto bez problémů. Má nové gecko a musím říct, že je mnohem rychlejší, má opravené chyby a celkově nemá naprosto žádný problém s průhlednostma a PNG celkově.
Opera
Sice jede při posunu lehce zpomaleně, ale opět bez problémů použitelné.