Expressá-la

Oh Well! No post anterior alguns dias atrás sobre a opacidade no IE8, eu esqueci de mencionar um ponto importante que o "IE 8 modo estrito não permite CSS opacidade".
Para aqueles que donot entender o que quero dizer com modo estrito, aqui é rápido tutorial .

Um trabalho em torno a este (Antes IE equipe dev perceber que eles têm abriu caminho para re-trabalho rotinas de todo o mundo, para web-sites que usam Pop-up mesas de luz com alguma opacidade, e colocar de volta o apoio para a opacidade) é usar um imagem transparente semi ... de preferência em formato PNG (eu tive experiência ruim obtenção de imagens GIF transparentes para trabalhar como deviam). Criar uma imagem PNG da cor e porcentagem de transparência que você gosta, em seu editor de imagem favorito e usá-lo como uma imagem de fundo para o seu sobreposição lightbox.

ou seja
Em vez de algo parecido com isto

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

Faça isso ....

. Lighbox_overlay {
background: url repetição (bkg.png);
}

Para experimentá-lo, CLIQUE AQUI! | PARA BAIXAR, CLIQUE AQUI!

Se estiver a visualizar esta página no IE8, então você deve estar vendo um fundo opaco branco cheio por trás deste post. Ontem, meu colega apontou isso para mim (Como eu sou uma daquelas pessoas que se adaptem às mudanças lentamente e de forma constante ... especialmente navegadores. Poderia dizer, eu sou um covarde, mas que assim seja .... Sendo um desenvolvedor de interface do usuário, eu estou sempre merda com medo de novas versões do navegador ... você sabe o que Im tlaking, certo?)

Cavado em torno de tempo, tentando encontrar uma solução para corrigi-lo e então o que ...
Desta vez, o nosso navegador ALL TIME PREFERIDO fez tudo de novo, soltando todo o apoio para a opacidade CSS. O não-padrão `filter: alpha (opacity = # #)` atributo CSS foi removida, Nice, mas também totalmente esqueceu de adicionar suporte CSS3 opacidade (como a forma como todos os browser o outro está muito bem ter mantido-la). Então, pela primeira vez desde que DEUS nos falou sobre CSS opacidade (desde o IE 5.0, eu acho), um navegador web não suporta CSS opacidade.
E agora para o creme em cima: a palavra oficial da equipe IE 8? É "por design" e ​​"vamos considerar isto em uma futura versão do IE".

PS: Experimente esta página no FF, juro que parece puro!

Quando li este artigo no A List Apart " Faux Absolute Positioning
por Eric Sol ", eu não era nada menos do que impressionado. Eu também estava deprimido majorly, porque, honestamente, eu estava me perguntando, por que eu não posso vir com algo fabuloso como este.

Normalmente, quando criamos layouts CSS, nós usamos "posição" ou "flutua", ou uma combinação muito ruim de ambos. Eric Sol e sua equipe definir uma técnica perfeita ao lado de um novo tipo de técnica de CSS do layout, que eles batizaram como "posicionamento absoluto falso", após a técnica de colunas falso que simula a presença de uma coluna.

Você sabe que o problema de todos nós desenvolvedores CSS tem com layouts desintegração (as mudanças de conteúdo inesperados que causam colunas inteiras para embrulhar, quando usamos layouts flutuantes) ... Bem! Parece História!!
Esta técnica de layout ainda é muito jovem, e tem a lixeira por todos os gurus CSS lá fora, antes que se torne um padrão un escrito. Fico feliz em usá-lo agora! ... E já estou em meio de converter meus anterior problemáticas / flutuante não-necessariamente layouts em esquema FAP já ... e estou contente de dizer o "já estamos usando posicionamento absoluto falso para este blog bem" ... ir experimentá-lo, AGORA!

Parabéns Eric!