Accentsconagua

5 eenvoudige manieren om IE6's transparantieproblemen aan te pakken

Code
Share

U maakt de perfecte site in Photoshop met de nieuwste trends. De helft van je achtergronden bevat een mooie dekking van 50% om diepte te simuleren. Het enige probleem komt van die oude IE6, en hoe het besluit om een ​​vervelende grijze achtergrond weer te geven. U probeert op het web naar een oplossing te zoeken, maar er zijn tientallen keuzes. Hoe weet je welke methoden het beste zijn??

In ... van vandaag screencast, Ik zal je vijf eenvoudige manieren laten zien om met dit probleem om te gaan.


Unit PNG Fix

  • Waar kan ik het downloaden?? : HIER
  • problemen? : Transparante achtergrondafbeeldingen worden niet correct geparetteerd. In plaats daarvan wordt je afbeelding uitgerekt. Geen enorm probleem, maar pas op. Anders dan die gril, deze methode werkt perfect. Ik merk dat ik het meer gebruik dan de anderen.

DD_BelatedPNG Fix

  • Waar kan ik het downloaden?? : HIER
  • problemen? : Niets vermeldenswaardig. Elke oplossing heeft een paar eigenaardigheden, maar deze nieuwe oplossing is misschien wel de beste tot nu toe.

IE7.js Fix

  • Waar kan ik het downloaden?? : HIER
  • problemen? : U zult merken dat dit bestand groter is dan de andere. Dat komt omdat het oplossen van de transparantiekwesties maar een deel is van wat het doet! Het brengt bovendien veel andere IE6-tekortkomingen tot de moderne normen. Houd hier rekening mee bij het kiezen. Als u alleen transparantie wilt tonen, is dit misschien niet de beste keuze.

Twin Helix Fix (van Angus Turnbull)

  • Waar kan ik het downloaden?? : HIER
  • problemen? : Angus heeft dit bestand de afgelopen zes maanden bijgewerkt; Het implementeert nu op de juiste manier achtergrond-herhaling / positie! In plaats van te verwijzen naar een Javascript-bestand, vereist deze fix het gebruik van de CSS-eigenschap 'behaviour'.

Fix It It! Een statement maken!

Sommige mensen negeren IE6 misschien liever samen - als een manier om een ​​verklaring af te leggen. Ik laat het aan jou om je oordeel te gebruiken. Uw beslissing moet echter uw publiek weerspiegelen. Als u een waarschuwing wilt laten zien aan IE6-gebruikers, kunt u de browser () -methode van jQuery gebruiken om IE6 te detecteren.

 if ($ .browser.msie && $ .browser.version == 6.0) alert ("Upgrade your browser, you big dummy!); else document.write ('dit is alleen voor testen. Verwijder de' else ' uitspraak.');
  • Abonneer u op de NETTUTS RSS-feed voor meer dagelijkse webontwikkelingen, tuts en artikelen.


Code
×