Expresa-la

Oh Well! No post anterior uns días sobre a opacidade no IE8, eu esquezo de mencionar un punto importante que o "IE 8 para estrito non permite CSS opacidade".
Para os que donot entender o que quero dicir con xeito estrito, aquí é rápido tutorial .

Un traballo en torno a este (Antes IE equipo dev entender que eles teñen abriu camiño para re-traballo rutinas de todo o mundo, para web-sitios que usan Pop-up mesas de luz con algunha opacidade, e poñer de volta o apoio para a opacidade) é por este imaxe transparente semi ... de preferencia en formato PNG (eu tiven experiencia malo obtención de imaxes GIF transparente para traballar como debían). Crear unha imaxe PNG de cor e porcentaxe de transparencia que lle gusta, no seu editor de imaxe favorito e usalo como unha imaxe de fondo para o seu superposición lightbox.

é dicir
En vez de algo coma isto

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-MOZ-Opacity: 0.6;
opacidade: 0,60;
filter: alpha (Opacity = 60);
}

Faino ....

. Lighbox_overlay {
background: url repetición (bkg.png);
}

Para probalo, prema aquí! | descargar prema aquí!

Se está a ver esta páxina no IE8, entón ten que estar a ver un fondo opaco branco cheo detrás deste post. Onte, o meu compañeiro apuntou que para min (Como eu son unha desas persoas que se adapten aos cambios lentamente e de forma constante ... especialmente navegadores. Podería dicirse, eu son un covarde, pero que así sexa .... Sendo un desenvolvedor da interface de usuario, eu estou sempre merda por medo a novas versións do navegador ... sabe o que Im tlaking, non?)

Cavado en torno a tempo, intentando atopar unha solución para resolve-lo e entón o que ...
Nesta ocasión, o noso navegador ALL TIME preferido fixo todo de novo, soltando todo o apoio para a opacidade CSS. O non estándar `filter: alpha (Opacity = # #)` atributo CSS foi eliminada, Niza, pero tamén totalmente esqueza engadir soporte CSS3 opacidade (como a forma na que todos os navegador o outro está moi ben manter-la). Entón, por primeira vez desde que Deus nos falou sobre CSS opacidade (desde IE 5.0, creo), un navegador web non soporta CSS opacidade.
E agora para a crema encima: a palabra oficial do equipo IE 8? É "por deseño" e "imos considerar isto nunha futura versión de IE".

PS: Proba esta páxina no FF, xuro que parece puro!

Cando lin este artigo no A List Apart " Faux Absolute Positioning
por Eric Sol ", eu non era nada menos que impresionado. Eu tamén estaba deprimido majorly, porque, honestamente, eu estaba me pregunta, por que eu non me fago con algo fabuloso coma este.

Normalmente, cando creamos esquemas CSS usamos "posición" ou "flota", ou unha combinación moi malo de ambos. Eric Sol eo seu equipo definir unha técnica perfecta á beira dun novo tipo de técnica de CSS do esquema, que bautizaron como "posicionamento absoluto falso", tras a técnica de columnas falso que simula a presenza dunha columna.

Vostede sabe que o problema de todos nós desenvolvedores CSS ten con esquemas desintegración (os cambios de contido inesperados que causan columnas enteiras para embrulhar, cando usamos esquemas flotantes) ... Ben! Parece Historia!
Esta técnica de deseño aínda é moi novo, e ten lixo por todos os gurús CSS aí fóra, antes de que se fai un estándar un escrito. Fico feliz de usalo agora! ... E xa estou no medio de converter meus anterior problemáticas / flotante non necesariamente esquemas en esquema FAP xa ... e estou contento de dicir o "xa estamos usando posicionamento absoluto falso a este blog ben" ... ir probalo, AGORA!

Parabéns Eric!