Ref den pågående kampanjen for å bli kvitt IE6 vil jeg likevel gi et lite tips til hvordan man i tilfellet med transparente PNG'er kan takle IE6 på en enklere måte.
Den løsningen jeg synes er enklest å bruke og som fungerer best er denne jQuery plugin'en fra Paul Campbell.
Her trenger man ikke noen htc eller blank.gif, men altså kun et lite, enkelt script. Man kan ikke kjøre repeat på PNG-bakgrunn i IE6 (for Firefox og andre, til og med IE7, fungerer det fint), men man kan strekke den ut! Og det fungerer faktisk i mange tilfeller veldig bra både horisontalt og vertikalt. Bildet blir altså strukket ut til å fylle den tag'en det er bakgrunnsbilde for. Et eksempel:
$("img").pngfix({sizingMethod: 'scale'});
Sjekk overnevnte link til kilden for detaljer omkring bruk. På dette nettstedet er pluginen pt kun brukt til logoen. Plugin'en fungerer fint fra jQuery 1.2.X og opp.
Blueprint CSS
Også er det jo det med CSS'en og markup'en da. Jeg er stor fan av, og har hatt mye nytte av CSS-rammeverket Blueprint som i stor grad forenkler utviklingen av diverse nettsteder - også med tanke på IE6. Om du ikke har hørt om det bør du absolutt sjekke det ut!
Om en ikke har kontroll på CSS'en, spesielt med tanke på floating og unødvendige, såkalte clearing div's risikerer man at PNG-greiene ikke fungerer - og det gjelder ikke bare overnevnte plugin, men alle de forskjellige løsningene.
Enkelt? Tja. Foreslår at du heller setter inn en stor boks på sidene dine som forteller IE6-brukerne at de bør oppgradere til noe bedre :)
Det finnes 0 kommentarer