Especificando classes no html conforme versão do Internet Explorer

Esse é um esquema utilizado com frequência na comunidade de desenvolvedores, está em vários boilerplates. É uma solução rápida e fácil pra quem precisa especificar algum estilo pra algum objeto somente no IE ou em algum versão dele.

O código abaixo exibe uma classe “ie” junto de uma “ie+versão do IE”. Ex: No Internet Explorer 8, ele vai exibir duas classes, são elas: “ie” e “ie8”.

	
	
	
	

Logo, o html no Internet Explorer 8 ficará assim:

	< html class="ie ie8">

E caso você vá usar um seletor específico pra corrigir algum pepino no IE, ficará assim:

	.ie SELETOR {
		/* estilos */	
	}
	.ie7 SELETOR {
		/* estilos */	
	}

Em breve posto a alternativa que eu costumo usar – que é feita em JS.

 

Utilizando RGBA do CSS3

Há um tempo atrás eu não utilizava CSS3 pra declarar cores por um motivo bem conhecido: Suporte no IE. O nosso amado navegador da Microsoft só implementou o suporte na versão 9. Resolvi começar a usar CSS3 com mais frequência e aplicar Progressive Enchancement nos projetos – e é claro, usar sempre um fallback pros usuários que usam o maldito IE.

O RGBA é uma declaração simples, que utiliza o RGB normal com uma última declaração – o “A” – para o alpha, que é responsável pela transparência.

Aplicando o RBGA

Declarando uma fonte com a cor vermelha com 50% de transparência.

.exemplo {
    color: rgba(255,0,0,0.5)
}

Pra pegar os valores com precisão, veja no layout a opacidade (opacity) e a cor do objeto que ja é exibida em RGB, entre outros. Ex: Na imagem abaixo.

Bem, por enquanto é isso! Comentem, perguntem, enviem feedbacks, whatever.