Ausdruck ihrer IT-

Oh Well! In der früheren Post ein paar Tage zurück in Bezug auf Deckkraft in IE8, ich vergaß einen wichtigen Punkt, dass "IE 8 strikten Modus nicht für CSS Opazität erlauben" zu erwähnen.
Für diejenigen, die verstehen, was ich von der Strict-Modus bedeutet nicht mehr parat, hier ist schnelles Tutorial .

Eine Arbeit um zu diesem (Vor IE Entwickler-Team erkennen, dass sie gepflasterten Weg haben zur Wiederwahl Arbeitsabläufe in der ganzen Welt, für die Web-Seiten mit Pop-up-Leuchtkästen mit einer gewissen Undurchsichtigkeit, und wieder Unterstützung für die Opazität) ist der Einsatz eines halb transparentes Bild ... vorzugsweise im PNG-Format (ich habe schon schlechte Erfahrungen immer transparente GIF-Bilder zu arbeiten, wie sie sollten). Erstellen Sie ein PNG-Bild von der Farbe und der Prozentsatz der Transparenz Sie so wollen, in Ihre Lieblingsbeschäftigung Bild-Editor und verwenden Sie es als Hintergrundbild für Ihren Leuchtkasten Overlay.

dh
Anstatt so etwas wie dieses

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

Tun Sie dies ....

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

, Es zu versuchen, KLICKEN SIE HIER! | ZUM HERUNTERLADEN HIER KLICKEN!

Wenn Sie diese Seite sehen, in IE8, dann müssen Sie werden sehen, eine vollständige undurchsichtigen weißen Hintergrund hinter diesem Beitrag. Gestern, mein Kollege diese darauf hingewiesen, mir (wie ich einer jener Menschen, die Veränderungen langsam und stetig anzupassen bin ... vor allem Browsern. Könnte sagen, ich bin ein Feigling, aber so sei es .... Als UI-Entwickler, ich bin immer Scheiße von neuen Browserversionen Angst ... du weißt, was Im tlaking etwa, oder?)

Gruben sich nach Weile versucht, eine Lösung zu finden, es zu beheben und was dann ...
Dieses Mal unsere Lieblingslieder Aller Zeiten Browser hat es noch einmal geschehen durch das Fallenlassen von allen CSS-Unterstützung gedacht Opazität. Die Nicht-Standard `filter: alpha (opacity = # #)` CSS-Attribut wurde entfernt, Nizza, aber auch total vergessen zu CSS3-Unterstützung Opazität (wie zB wie all die anderen Browsers schön es in gehalten haben) hinzuzufügen. Also, zum ersten Mal seit Gott sagte uns über CSS Opazität (seit IE 5.0, schätze ich), wird ein Web-Browser unterstützt kein CSS Opazität.
Und nun die Sahne obendrauf: Offizielle Wort von IE 8 Team? Es ist "by design" und "wir werden dies in einer zukünftigen Version von IE betrachten".

PS: Versuchen Sie diese Seite in FF, ich schwöre, es sieht ordentlich aus!

Als ich diesen Artikel zu lesen auf A List Apart " Faux Absolute Positioning
von Eric Sol ", ich war nichts weniger als beeindruckt. Ich war auch majorly, deprimiert verursachen, ehrlich, ich habe mich gefragt, Warum kann ich etwas einfallen lassen, da dies fabelhaft.

Normalerweise, wenn wir CSS-Layouts zu erstellen, verwenden wir "Position" oder "schwebt", oder eine sehr schlechte Kombination aus beidem. Eric Sol und sein Team definieren ein neben perfekter Technik von einer neuen Art von CSS-Layout-Technik, die sie als "Faux Absolute Positioning" nach dem Faux Columns Technik, die das Vorhandensein einer Spalte simuliert wurden getauft.

Du weißt, dieses Problem uns alle CSS-Entwickler haben mit zerfallenden Layouts (Die unerwarteten Veränderungen, die Inhalte ganzer Spalten führen zu wickeln, wenn wir schwebte Layouts verwenden) ... Naja! Scheint Geschichte!!
Dieses Layout-Technik ist noch sehr jung, und muss von all den CSS-Gurus da draußen im Papierkorb, bevor es ein UN-Standard geschrieben wird. Ich bin froh, es jetzt zu nutzen! ... Und bin schon mitten in der Umstellung meiner früheren problematischen / Floating unnötigerweise Layouts in FAP Layout schon ... und ich bin froh zu sagen, das "Wir arbeiten bereits mit Faux Absolute Positioning für dieses Blog-Site als auch" ... Gehen Sie versuchen es, JETZT!

Kudos Eric!