Vodič je stariji od 2 godine i možda nije u potpunosti aktualan. Za provjeru, koristite “pitaj učitelja”.

IE6 i transparentni PNG-ovi

IE6 i transparentni PNG-ovi
Autor članka: Igor Kovačić
Kategorije: Trikovi
Teme: ,
Datum objave: 27.12.2009

Bavite se izradom web stranica? Ponekad imate potrebu koristiti prozirne PNG-ove? Želite da stranice izgledaju dobro u IE6? Ne znate kako? Ovo je tutorijal za vas!

Skinimo sljedeći file: IE PNG FIX

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]><br />
<style type="text/css"><br />
#head, #text, img { behavior: url(iepngfix.htc); }<br />
</style><br />
<![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!

U slučaju dodatnih pitanja, slobodno nas kontaktirajte i putem rubrike “Pitajte učitelja”.

Uživajte ;-)
Lijepi pozdrav

Komentirajte prvi!

Pratite komentare na članak 'IE6 i transparentni PNG-ovi' putem RSS feeda.

Ostavite komentar na ovaj članak

Uvredljivi i spam komentari biti će obrisani. Ukoliko se Vaš komentar ne pojavi odmah, pričekajte da ga odobrimo ;-). Odgovore na pitanje brže ćete dobiti ukoliko nas kontaktirate putem forme pitajte učitelja.