Jak na průhlednost obrázků?

23. 3. 2009 16:10:05

Jde mi o horní lištu na webu vtipkazdyden.cz - jsou tam použity průhledné PNG, které FF zvládá, ale IE je zobrazuje se šedým pozadím. Zkoušel jsem tam dát GIFy, ale ty mi při uložení dost ztrácely na kvalitě a ten obrázek nevypadal moc dobře. Jak se s tímhle problémem vypořádáváte vy?

23. 3. 2009 16:10:05

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267375

David Čermák

(7 hodnocení)

23. 3. 2009 16:16:05

Jakou verzi IE máš? Já s alpha kanálem u png nemám ani u IE žádný problém, používám k zobrazování IE7.

23. 3. 2009 16:16:05

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267374

Milan Seitler

(5 hodnocení)

23. 3. 2009 16:17:59

Nejsem teď doma, takže to prohlížím na IE 6, nevím jak je to u ostatních verzí a nedostanu se teď ani k Opeře.

23. 3. 2009 16:17:59

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267373

Petr Široký

(26 hodnocení)

23. 3. 2009 16:22:54

Dej si přes google vyhledávat IE6 png fix a najde ti to hromadu relevantní odkazů. Sám IE6 podporuje speciální filtr, který průhlednost u PNG dokáže zařídit (ovšem má to jistá omezení).

Zároveň jsem ti našel třeba tohle: http://koivi.com/ie-png-transparency/

23. 3. 2009 16:22:54

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267372

David Čermák

(7 hodnocení)

23. 3. 2009 16:24:18

Hmm, pak je otázka, jestli optimalizovat pro prohlížeč starý dvě verze. I přes jistě nějaké rozšíření mezi uživateli. Ale to je na tobě. Myslím, že pokud IE6 nezvládá korektně průhlednost u png, pak ti nezbude nic jiného, než buď využít například zmíněný gif nebo se "smířit" s faktem, že uživatelé uvidí pod IE6 nějaké to pozadí.

Jinak u gifu můžeš naddefinovat barevnou barevnou paletu, která se ke konkrétnímu obrázku použije, což může v případě některé grafiky způsobit podstatné zlepšení kvality.

23. 3. 2009 16:24:18

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267371

_Pida_

23. 3. 2009 16:57:38

Lze to vyřešit ve stylu CSS.

/* pro IE */

* html #logo {

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scale');

}

(místo toho smajlíka je tam d a : (dvojtečka) bez mezery)

/* pro ostatní prohlížeče */

html>body #logo {

background-image:url(../img/logo.png);

}

Přičemž sizingMethod může být buď scale nebo crop. :)

23. 3. 2009 16:57:38

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267370

Petr Široký

(26 hodnocení)

23. 3. 2009 17:33:59

@davidkojot: Když nevíš, o co se jedná, neraď mu. Doporučuji, je to dějinami ověřená rada.

@_Pida_: Podmíněné komentáře, ne tyhle čuňárny.

23. 3. 2009 17:33:59

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267369

_Pida_

24. 3. 2009 09:12:25

Napsal lefiath;246807
@davidkojot: Když nevíš, o co se jedná, neraď mu. Doporučuji, je to dějinami ověřená rada.

@_Pida_: Podmíněné komentáře, ne tyhle čuňárny.

Co je na tom za čuňárnu? Používal jsem to u webu kde jsou jen PNG obrázky a zobrazuje se naprosto bez rozdílů v 57 přohlížečích z 60 :-) zkoušel jsem to na browsershots

24. 3. 2009 09:12:25

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267368

Petr Široký

(26 hodnocení)

24. 3. 2009 11:20:16

Do budoucna ja jakákoliv forma hacku nevhodná.

24. 3. 2009 11:20:16

https://webtrh.cz/diskuse/jak-na-pruhlednost-obrazku/#reply267367

Pro odpověď se přihlašte.

Přihlásit