Te drukken

Met een andere browser te verzorgen vanaf morgen! (IE8 komt uit de Beta staat morgen) ... Het is echt hoog tijd dat IE6 is, gezien de lange Door Mercy Death ... United we staan ​​voor de val van IE6

"IE6 is de nieuwe Netscape 4. De hacks die nodig is om IE6 te ondersteunen worden steeds meer gezien als overtollige vracht. Net als Netscape 4 in 2000, is IE6 gezien als het tegenhouden van het web. "

Jeff Zeldman, normen goeroe

En ondertussen voor mensen zoals ik, die zal worden overspoeld door telefoontjes van het breken van CSS-lay-outs in IE8, hier is het oude werk rond / lossen met behulp van Meta Tags (meta http-equiv = "X-UA-Compatible"), je zou kunnen proberen ...

Mis-gedragen IE8: CSS-lay-out breuken (gericht op een browser-versie met behulp van Meta Tags in IE8)

Als je css persoon, dan zou je weten dat de pijn in het krijgen van uw lay-outs werken cross-browser. IE8 is nog een andere roet in het eten voor ons ontwikkelaars. Anywaz! als je kwam op dit onderwerp, zoals ik gisteren deed, waar je perfect werkende CSS in IE7 (en eerder) en Firefox plotseling is begonnen met het gooien van woede-uitbarstingen in IE8, probeer dan deze ... Het mooi leek om mijn problemen op te lossen op het moment ....

Met behulp van Meta verklaring, kunnen we specificeren de rendering engine willen we IE8 gebruiken. Dus te dwingen IE8 te maken als IE7 ... Plaats de volgende metatag in de kop van het document: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Standaard IE Meta zou zijn: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
die zou IE8 maakt de pagina met de nieuwe standards mode.

Indien gewenst kan deze syntax worden gebruikt voor andere herbergen browsers als volgt:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

Meer over doctypes:

ALS je nog onbekend bent met het soort dier de naam "Doctype" ... hier is een aantal snelle gelezen
Wat zijn doctypes? Wat zijn browser GRILLEN & strikte modus?
Het instellen van de DOCTYPE in XSL

Voor een meer diepgaand inzicht in doctypes, probeer dan het bezoeken van deze links ...
A List Apart: Fix Your site met de juiste DOCTYPE!
A List Apart: Beyond DOCTYPE: Web Standards, voorwaartse compatibiliteit, en IE8

Opmerking: Hoewel velen van ons HTML / CSS mensen zijn het belang van de DOCTYPE verklaring! Verwaarlozen in onze documenten, stellen van de juiste DOCTYPE, is meestal het antwoord op de meeste cross browser kwesties.

Nou ja! In de eerdere post een paar dagen terug over dekking in IE8, ik was vergeten een belangrijk punt dat 'IE 8 de strikte modus niet mogelijk is om CSS opacity "te noemen.
Voor degenen die geen waarde te begrijpen wat ik bedoel met de strikte modus, hier is een snelle handleiding .

Een werk om aan deze (Voor IE dev team beseffen dat ze weg geplaveid hebben voor re-work routines over de hele wereld, voor web-sites met behulp van Pop-up lightboxes met wat dekking, en weer terug ondersteuning voor dekking) is het gebruik van een semi-transparante afbeelding ... bij voorkeur in PNG-formaat (Ik heb slechte ervaring krijgen van transparante GIF-afbeeldingen om te werken als ze zouden moeten). Maak een PNG-afbeelding van de kleur en het percentage van transparantie je wilt, in je favoriete beeldbewerkingsprogramma en gebruik het als een achtergrondafbeelding voor uw lightbox overlay.

dat wil zeggen
In plaats van iets als dit

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
opacity: 0.60;
filter: alpha (opacity = 60);
}

Doe dit ....

. Lighbox_overlay {
background: url (bkg.png) herhalen;
}

Proberen, KLIK HIER! | TE DOWNLOADEN, KLIK HIER!

Als u foto's bekijkt deze pagina in IE8, dan moet je het zien van een volledig dekkende witte achtergrond achter dit bericht. Gisteren, mijn collega die mij aanwees (Zoals ik ben een van die mensen die zich aanpassen aan veranderingen langzaam en gelijkmatig ... vooral browsers. Zou kunnen zeggen, Im een ​​lafaard, maar het zij zo .... Omdat het een UI ontwikkelaar, ik ben altijd stront bang voor nieuwe browser versies ... je weet wat Im tlaking over, toch?)

Gegraven rond, terwijl het proberen om een ​​oplossing voor het probleem te verhelpen dan vinden en wat ...
Deze keer onze ALL TIME FAVORIETE browser heeft gedaan helemaal opnieuw door het droppen van alle ondersteuning voor CSS opaciteit. De niet-standaard `filter: alpha (opacity = # #)` CSS attribuut is verwijderd, Nice, maar ze ook totaal vergeten om CSS3 ondoorzichtigheid ondersteuning (zoals hoe alle andere browser is mooi hebben gehouden in) toe te voegen. Dus, voor het eerst sinds God vertelde ons over CSS opacity (sinds IE 5.0, denk ik), zal een web-browser ondersteunt geen CSS opaciteit.
En nu voor de crème op de top: officiële woord van IE 8 team? Het is "by design" en "we zullen dit beschouwen in een toekomstige versie van IE".

PS: Probeer deze pagina in FF, zweer het ziet er netjes uit!