Hack de CSS para Chrome e Safari
Postado por:
Tiago Lemos em
22nd jun,
2009 | Categoria:
CSS, HTML, Tecnologia
Bom, voltando a escrever depois de um bom tempo (apresentação de Workshop, horas extras e muuuuita correria no trabalho), vim desta vez trazer uma dica para “programadores de interface”. Bom, estou criando um projeto pessoal e nele além do programar em ASP.NET MVC também estou fazendo o HTML e CSS.
Esta dica server para que você possa fazer Hack de CSS para o Safari e Chrome. Basta colocar seu código CSS da seguinte forma:
/*Funciona para IE e Firefox*/
body { background-color: Blue; }
/*Somente para Safari e Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
body { background-color: Red; }
}
Bem simples e “útil”. Eu particularmente não gosto de utilizar Hacks, mas quando não encontro outro jeito vai na “gambi” mesmo. Quem me ajudou a encontrar esse hack foi o Leonardo Ota meu colega de trabalho. Espero que tenham gostado.
Tags: 
4 Comentários para “ Hack de CSS para Chrome e Safari ”
dezembro 18th, 2009 at 6:04 am
Parabens cara.. esse foi o unico hack pra CHROME que funcionou comigo!!
Parabens
o hack
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.gContainer { padding-top:20px; }
}
dezembro 22nd, 2009 at 6:41 am
Valeu Tiago estava procurando algo assim pro safari =)
janeiro 7th, 2010 at 7:32 am
Ótima dica, é o único que não interfere no Firefox.
Parabéns mesmo, cara
janeiro 15th, 2010 at 10:23 am
Muito Bom, este Hack .
Estava com um problema na minhapagina e não cosegui resolver de outra forma que não fosse essa magica …
/*SAFARI CROME*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#search { margin-top:-178px; }
}
Deixe seu comentário: