Uttrycka det

Oh Well! I tidigare inlägg för några dagar tillbaka om Opacitet i IE8, glömde jag nämna en viktig punkt som "IE 8 strikt läge inte tillåter CSS opacitet".
För dem som donot förstår vad jag menar med strikt läge, här är snabb genomgång .

Ett arbete kring detta (Innan IE dev teamet inser att de har banat väg för ny arbetsrutiner över hela världen, webbplatser som använder popup-ljusbord med lite opacitet och sätta ryggstöd för opacitet) är att använda en semi genomskinlig bild ... helst i PNG-format (jag har haft dåliga erfarenheter att få transparenta GIF-bilder för att arbeta som de skulle). Skapa en PNG bild av färg och andelen öppenhet du vill, i din favorit bildredigerare och använda den som bakgrundsbild på din ljusbord overlay.

dvs
Istället för att något sådant här

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

Gör detta ....

. Lighbox_overlay {
bakgrund: url (bkg.png) upprepa;
}

Att prova det, KLICKA HÄR! | ATT LADDA NER, KLICKA HÄR!

Om du visar webbplatsen på IE8, måste du få se en full ogenomskinlig vit bakgrund bakom det här inlägget. Igår pekade min kollega detta för mig (Eftersom jag är en av dem att anpassa sig till förändringar långsamt och stadigt ... speciellt webbläsare. Kan säga, Im feg, men så var det .... Som UI utvecklare, är jag alltid shit rädd för nya webbläsare ... du vet vad Im tlaking om, eller hur?)

Grävde runt för tag, att försöka hitta en lösning för att fixa det och sedan vad ...
Denna gång vår TIDERNA FAVORIT webläsare har gjort det igen genom att släppa allt stöd för CSS opacitet. Den icke-standardiserade `filter: alpha (opacity = # #)` CSS attribut har tagits bort, Nice, men också helt glömt att lägga till CSS3 opacitet stöd (som hur alla andra webbläsarens snyggt har hållit den i). Så för första gången sedan Gud berättade om CSS opacitet (sedan IE 5,0, antar jag), kommer en webbläsare stöder inte CSS opacitet.
Och nu för grädde på toppen: Officiell ord från IE 8 lag? Det är "by design" och "vi kommer att överväga detta i en framtida version av IE."

PS: Försök webbplatsen på FF, svär det ser snyggt!

När jag läste den här artikeln på A List Apart " Faux Absolut positionering
av Eric Sol ", jag var inget mindre än imponerad. Jag var också deprimerad majorly, orsaka, ärligt jag undrar, varför skränande jag kommer på något fantastisk som denna.

Vanligtvis när vi skapar CSS-layouter, använder vi "position" eller "flyter", eller en mycket dålig kombination av båda. Eric Sol och hans team definierar en intill perfekt teknik för en ny typ av CSS layout teknik som de har döpt som "Faux Absolut positionering" efter faux kolumner teknik som simulerar närvaron av en kolumn.

Du vet att problemet vi alla CSS utvecklare har med sönderfallande layouter (De oväntade innehållet förändringar som orsakar hela kolumner wrap, när vi använder flottades layouter) ... Tja! Verkar historia!!
Denna layout teknik är fortfarande mycket ung, och måste slängas ut av alla dessa CSS gurus där ute, innan det blir en un skriven standard. Jag är glad att använda den NU! ... Och är redan i mitten av konvertering mina tidigare problematiska / floating FN-nödvändigtvis layouter i FAP layout redan ... och jag är glad att säga "vi redan använder Faux Absolut positionering för denna blogg också" ... GO prova, NU!

Kudos Eric!