Skoči na sadržaj

IE6 i transparentni PNG-ovi

Vodič je stariji od 2 godine i možda nije u potpunosti aktualan.

Prijavite grešku u vodiču

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!

IE6 i transparentni PNG-ovi

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]>
<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!

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

Uživajte ;-)
Lijepi pozdrav

Ako imate pitanja, možete nam se obratiti putem formulara pitajte učitelja

Komentirajte prvi