IEčko a průhledné PNG? Proč ne!

15.2.2007 21:32 | Přečteno: 2665× | SW, HW, PC a tak...

Bez IE by byl webdesign nuda. Jak vás asi nepřekvapí, pokud se člověk pokouší udělat nějaký design pro nějaké stránky, tak jeden z největších problémů je, aby "to chodilo všude stejně". Většinou pokud něco zvládne Gecko, tak to bude vypadat téměř identicky v Opeře, ale pokud to má vypadat stejně i IEčku, to už je um.

Pokouším se napsat takovou jednoduchou php náhradu pro flashový SimpleViewer, který sice vypadá hezky, ale ne všichni mají flash rádi, že. Takže jsem udělal takovou ošklivou věc, že jsem to napsal přímo pro 1024x768. Což o to, mělo by to být v poho. Hm... mělo... Opera a SeaMonkey, OK, po pár drobných hackech i IE je v poho. Ale když změnším okno tak fotka ujede dolů. Dvě hodiny jsem to řešil. Nakonec to vyřešily dvě slova: _position: absolute; (to podtržitko tam je protože to je hack pro IE, asi nakonec napíšu zvláštní *.css pro IE ať je to validní...). Problém jedna vyřešen

Problém dva: v Inkscapu si nakreslím krásnou šipečku, otevřu svg v GIMPu, jelikož jako správný Explorer tuším, že by s PNG mohl být problém, použiju gif. Asi den jsem řešil, že je to "zubatý". Co teď zkusit PNG? Jako správný uživatel, abych zbytečně se neptal na hloupé otázky, které už dříve byly vyřešeny, zeptám se strýčka Googla: "Víš něco o 'IE a png' ?". A věděl. Hnedka první odkaz http://homepage.ntlworld.com/bobosola/.
Jedná se o JavaScript, který přinutí Explorer používat průhlednot o PNG. To je vše

       

Komentáře

[repli]

Já ho použil v domění źe funguje a asi po roce jsem zjistil pravý opak, tak radši otestovat...

[Lu-Tze]

Jako správný webdesigner (nadávka) jsi opět objevil ameriku a jako správný blogger (nadávka) jsi nám o tom sem (jako už tlupa jiných před tebou) napsal.

[Zdeněk Štěpánek]

Jako uvedomely obcasny webdesigner pouzivam z principu jen PNG (a jpg, ale to je jiny tema) a ze to nefunguje v exploderu je mi naprosto, naprosto ale naprosto ukradeny...

Zdenek

[Max]

Horší, než napsat dobrý web, který se zobrazuje tak nějak stejně a korektně v IE/FF/Oeře/Konq je snad jen jediná věc => aby byl i validní :-/. HTML validní se mi podaří vždy, ale css už ne kvůli hackům jak pro IE6, tak IE7 :(. Asi jsem ještě amatér, který se bez těch hacků prostě neobejde :(
Zdar Max

[Spike]

Nechápu, proč místo naříkání ty hacky pro IE úplně jednoduše neskryješ před ostatními prohlížeči.

Hint: conditional comments.

[Přemek Vyhnal]

IE7 is a JavaScript library to make IE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.

[Ritchie]

K odlišení IE od jiných prohlížečů při zachování validního CSS stačí použít selektor * html …

IE 6 neumí u PNG alfa kanál (poloprůhlednost), bitovou průhlednost zvládá.

[Spike]

K čemu tyhle pitomé hacky, když Microsoft sám nabízí conditional comments? :p

[Ritchie]

Jak dostanete conditional comments do externího CSS? Udržovat několik CSS souborů kvůli různým prohlížečům mně nepřijde zrovna praktické.

[stativ]

To pousunovani autickem na odkazovany strance je pekny

[petr_p]

IE verze 7 umi alpha kanal u PNG samo od sebe.

Za to neumi spoustu dalsich veci: napr. JS appendChild() povazuje za chybu, soubor s XML prologem odmita zobrazit a u scriptu slozitejsich jen o trochu vice nez malo je toho nazoru, ze jsou nebezpecne, a tak zobrazi smysluplne varovani o pritomnosti ActiveX, ktere se v kodu vubec nevyskytuje.