2009 19 marts, 2009

Bring Down IE6, Dets på tide!


Med en anden browser til at tage sig fra i morgen! (IE8 kommer ud af sin Beta stat i morgen) ... Dens virkelig på høje tid, IE6 får sin længe på grund Mercy Død ... FN vi står for fald IE6

"IE6 er den nye Netscape 4. De hacks er nødvendige for at understøtte IE6 bliver i stigende grad betragtet som overskydende fragt. Ligesom Netscape 4 i 2000, IE6 opfattes til at holde tilbage på nettet. "

Jeff Zeldman, standarder guru

Og i mellemtiden for dem, der ligesom mig, der vil blive oversvømmet med opfordringer til at bryde CSS-layouts i IE8, er her den gamle arbejde omkring / løse ved hjælp af meta tags (meta http-ækvivalent = "X-UA-Compatible") kan du prøve ...

Vildledende opfører IE8: CSS layout brud (Målretning af en browser version ved at bruge meta-tags i IE8)


2008 17 december 2008

Vildledende opfører IE8: CSS layout brud (Målretning af en browser version ved at bruge meta-tags i IE8)

Hvis du er css person, ville du vide smerten i at få dine layout arbejder cross-browser. IE8 er endnu en kæp i hjulet for os udviklere. Anywaz! hvis du rammer ved dette problem, ligesom jeg gjorde i går, hvor din perfekt arbejde CSS i IE7 (og tidligere) og Firefox har pludselig begyndte at kaste tantrums i IE8, så prøv denne ... det pænt syntes at løse mine problemer i øjeblikket ....

Ved hjælp af Meta erklæring, kan vi specificere rendering engine vi gerne IE8 til at bruge. Så for at tvinge IE8 at gøre som IE7 ... Indsæt følgende metatag i hovedet af dit dokument: -

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

Som standard IE Meta ville være: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
som vil gøre IE8 gøre siden ved hjælp af nye standarder mode.

Hvis det er nødvendigt, kunne denne syntaks bruges til at rumme for andre browsere som nedenfor:

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


MERE Om DOCTYPES:

Hvis du endnu ikke kender til den slags dyr kaldes "doctype" ... her er nogle hurtig læst
Hvad er DOCTYPES? Hvad er BROWSER Quirks & Streng tilstand?
Indstilling af DOCTYPE i XSL

For en mere dybtgående forståelse DOCTYPES, kan du besøge disse links ...
A List Apart: Fix dit websted med højre DOCTYPE!
A List Apart: Beyond DOCTYPE: webstandarder, Fremad kompatibilitet og IE8

Bemærk: Selvom mange af os, HTML / CSS mennesker er blevet negligerer vigtigheden af ​​DOCTYPE decleration i vores dokumenter, Indstilling af højre DOCTYPE, er normalt svaret på de fleste cross browser spørgsmål.


2008 15 juli 2008

IE 8 streng mode og CSS uigennemsigtighed ... Arbejde Around

Nå ja! I tidligere indlæg et par dage tilbage for Opacitet i IE8, jeg glemte at nævne et vigtigt punkt, at "IE 8 streng tilstand ikke giver mulighed for CSS uigennemsigtighed".
For dem, der donot forstår, hvad jeg mener med streng tilstand, her er hurtig tutorial .

Et værk omkring dette (Før IE dev team indse, at de har banet vejen for re-arbejdsrutiner over hele verden, for web-sites bruger pop-up lightboxer med nogle opacitet, og sat tilbage støtte til opacitet) er at bruge en semi gennemsigtigt billede ... helst i PNG-format (jeg har haft dårlig oplevelse at få gennemsigtige GIF-billeder til at arbejde som de skulle). Opret en PNG billede af farven og procentdelen af ​​gennemsigtighed du kan lide, i jer foretrukne billedredigeringsprogram og bruge det som baggrundsbillede til din lightbox overlay.

dvs
I stedet for at noget som dette

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0,6;
opacitet: 0,60;
filter: alpha (opacity = 60);
}

Gør dette ....

. Lighbox_overlay {
baggrund: url (bkg.png) repeat;
}

At prøve det, KLIK HER! | AT DOWNLOADE, KLIK HER!


2008 6 Juli 2008

Ingen "Opacity" i IE8

Hvis du ser denne side i IE8, så skal du til at se en fuld uigennemsigtig hvid baggrund bag dette indlæg. I går, min kollega påpegede det til mig (Som jeg er en af ​​de mennesker, der tilpasser sig ændringer langsomt og støt ... især browsere. Kan sige, Im en kujon, men sådan er det .... Som en UI udvikler, er jeg altid lort bange for nye browserversioner ... du ved, hvad Im tlaking om, right?)

Gravet rundt i mens, forsøger at finde en løsning til at ordne det, og hvad så ...
Denne gang vores ALL TIME FAVORIT browser har gjort det hele igen ved at droppe al støtte til CSS opacitet. Den ikke-standard `filter: alpha (opacity = # #)` CSS attribut er blevet fjernet, Nice, men også helt glemte at tilføje CSS3 opacitet understøttelse (ligesom hvordan alle de andre browserens pænt har holdt det i). Så for første gang siden Gud har fortalt os om CSS opacitet (siden IE 5,0, tror jeg), vil en web-browser ikke understøtter CSS opacitet.
Og nu til cremen på toppen: Officielt ord fra IE 8 hold? Det er "af design" og "vi vil overveje dette i en fremtidig version af IE".

PS: Prøv denne side i FF, sværger det ser pænt!


NDK hjem | Udtrykke IT | udtrykke Smag | udtrykke Penmenship | udtrykke Awe | udtrykke mig