Udtrykke det

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!

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!

Da jeg læste denne artikel på A List Apart " Faux Absolute Positioning
af Eric Sol ", jeg var intet mindre end imponeret. Jeg blev også deprimeret majorly, forårsage, ærligt jeg tænkte på, hvorfor cant jeg komme op med noget fantastisk som denne.

Normalt, når vi opretter CSS-layout, bruger vi "position" eller "flyder", eller en meget dårlig kombination af begge. Eric Sol og hans team definere en ved siden af perfekt teknik af en ny type af CSS layout teknik, som de har døbt som "Faux Absolut Placering" efter faux kolonner teknik, der simulerer tilstedeværelsen af en kolonne.

Du ved, at problemet for os alle CSS udviklere har med sønderdelingsmidler layouts (De uventede ændringer af indholdet, der forårsager hele kolonner til wrap, når vi bruger svævede layouts) ... Nå! Historien synes!!
Dette layout teknikken er stadig meget ung, og har til smadret ud af alle de CSS guruer derude, før det bliver en un skriftlig standard. Jeg er glad for at bruge det NU! ... Og er allerede i midten af konvertering af mine tidligere problematiske / flydende un-nødvendigvis layouts i FAP layout allerede ... og er glad for at sige "vi allerede bruger Faux Absolute Positioning til denne blog websted, så godt" ... GO prøve det, NU!

Kudos Eric!