Kako natjerati IE6 na prikazivanje transparentnih png-ova

Ukoliko radite web stranice sigurno ste se često susreli s problemom ne prikazivanja transparentnih png-ova u željenom obliku. Ovdje je rješenje za Vas. Vaše stranice biti će 100% validne. Krenimo...

Skinimo sljedeći file:
iepngfix.zip

Raspakirajmo ga u root folder naše stranice.
File sadrži htc file koji ispravlja png slike i sliku veličine 1x1px koja pomaže pri ispravljanju linkova.

U stranici između tagova <head></head> unesimo sljedeći kod:

<!--[if lt IE 7.0]>

    <style type="text/css">

        #head, #text, img { behavior: url(iepngfix.htc); }

    </style>

<![endif]-->

Tekst "#head, #text, img" zamjenimo sa elementima koji sadržavaju transparentne png-ove.
Kod iznad čita isključivo Internet explorer 6 i stariji.

Napomene: elementi koji sadržavaju position: relative; ili position: absolute; mogu sadržavati transparentnu slika, ali u tom slučaju linkovi neće raditi!

Sva pitanja i nejasnoće šaljite na: igor@ucionica.net

Uživajte ;-)
Lijepi pozdrav

Povratak

Objavio: igor | Datum objave: 02.05.08. (09:59) | Print |