William Luis

0 %
William Luis
Fullstack Developer
  • Residence:
    Canada
  • City:
    Toronto
  • Age:
    26
French
English
Spanish
html
CSS
Js
PHP
WordPress
  • Bootstrap, Materialize
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge

Hack CSS para IE, FireFox, Opera

9 de janeiro de 2012

Esse post e voltado para quem ainda tem problemas com as versões do IE (Internet Explore), que quando acha que o trabalho está terminado, acaba vendo que o CSS no IE está tudo estourado, torto, com fonte diferente, onde acaba dando ainda mais trabalho.
Aqui vou mostrar hacks de algumas versões do IE.
Hacks CSS são regras que só servem para determinado navegardor. No caso, esse determinado navegador geralmente é o IE, mas podemos encotrar alguns hacks para outros navegadores também.

[sourcecode language=”css”]

#element {
color:orange;
}
#element {
*color:white;    /* IE6+7, doesn’t work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}

#element {
_color /***/: red9;     /* IE8 */
}

#element {
color: green\0/IE8+9; /* IE8+9  */
}
:root #element { color:pink \0/IE9; }  /* IE9 */
#element, x:-moz-any-link, x:default { margin-top:50px; } /* Firefox 3.0 para o mais novo */
@media not all and (-webkit-min-device-pixel-ratio:0) {  #element { margin-top:50px; }  }  /* Opera 10 mais novo */
[/sourcecode]

Posted in CSS, DicasTags:
Write a comment