CSS: Hacks

Nesse artigo vamos ver alguns hack mais comuns para IE, já que as versões 6 e anteriores possuem dificuldades em rederizar os códigos de forma correta. Uma maneira de escrever um código alternativo para ser servido a um determinado dispositivo que não interpreta de modo correto o código padrão.

Por | @jonathanlamimkt Programação

Nesse artigo vamos ver alguns hack mais comuns para IE, já que as versões 6 e anteriores possuem dificuldades em rederizar os códigos de forma correta.


Definição técnica:

[...]uma maneira de escrever um código alternativo para ser servido a um determinado dispositivo que não interpreta de modo correto o código padrão.

Em CSS usa-se muitos hacks para fazer com que o IE (internet Explorer) renderize de forma correta (em relação ao layourt definido) o código.

Hack estrela html

div {min-height: 400px} /*para navegadores padrão*/
* html div {height: 400px;} /*para IE6 e anteriores*/

As linhas acima aplicam uma altura fixa mínimo para a div, ou seja, ela deverá ter 400px de altura, tedo ou não conteúdo dentro dela.

Caso um seletor não seja reconhecido pelo navegador, ele será ignorado, e a estilização do mesmo nào será aplicada.

Hack underscore

div {min-height: 400px} /*para navegadores padrão*/
div {_height: 400px;} /*para IE6 e anteriores*/

O uso do underscore antes da propriedade CSS, deixa a mesma inválida para os navegadores padrão. O hack citado está sendo abandonado, pois não é recohecido pelo validador CSS do W3C.

Hack da contrabarra

div {

width: 100px; /*exclui os IE5.x*/

}

Não coloque a contrabarra antes de um caracter hexadecimal [a-f].

Hack comentário

div/* */ {width: 140px;} /*para todos os navegadores, exceto o IE5.0*/
Ele esconde a regra CSS do IE5.

Hack estrela +

* + html div{width: 140px;} /*para os navegadores IE5 e IE7*/
Ele aplica a regra CSS para IE5 e IE7.

Esses são alguns dos hacks utilizados em CSS.


AGRADECIMENTO ESPECIAL


Gostaria de fazer um agradecimento muito especial ao Maurício Samy Silva (maujor) por ter disponibiizado um grande conteúdo sobre CSS em seu livro "Construindo sites com CSS e (X)html". Obrigado Maurício.

Mais sobre: css hacks internet explorer
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo