Comentários sobre: Hack para Safari e Google Chrome

Por: Ronaldo santos

Ronaldo santos — Mon, 28 Nov 2011 17:57:49 +0000

galera eu ja tenho um codigo css pronto e funcionando no IE.. como faço para aplicar essas hacks para que ele funcione tbm no chrome e safari.. ? obrigado

Por: Laliel

Laliel — Fri, 05 Aug 2011 00:17:48 +0000

@Tiago Celestino:

@media screen and (-webkit-min-device-pixel-ratio:0){
p {color: #00ff00;}
}

ow thiago valeu!!! estava tentando achar em diversos lugares, e não estava encontrando!!! obrigada!!!! deu certo aqui |:D

Por: Matheus Cardoso

Matheus Cardoso — Fri, 08 Jul 2011 12:56:11 +0000

@Tiago Celestino: Esta sempre funciona, só lembrando que ela é para o google chrome e para safari,

exe:
@media screen and (-webkit-min-device-pixel-ratio:0){
#campo_news input{background-color: transparent;border: 0 none;margin-left: 10px;margin-top:3px; width: 200px;}
}
#cadastra_news{float:right; width:11px; height:14px; background-image:url(“../img/bt_cadastra_news.png”); margin-right:3px; margin-top:3px;}

Por: Edson

Edson — Fri, 25 Mar 2011 14:42:31 +0000

Xiiii o Firefox 4 tá “pegando” esse tb!

Por: Luiz Henrique Zanão Kota

Luiz Henrique Zanão Kota — Thu, 24 Mar 2011 13:01:13 +0000

Boa dica para ser utilizado em último caso! Só ficou um pouco estranho um blog de Webstandards ensinando a fazer Hack, mas…

Por: walmir555

walmir555 — Mon, 29 Nov 2010 14:04:34 +0000

Valeu Tiago !
Forte abraço a todos !

Por: Anderson

Anderson — Mon, 25 Oct 2010 11:03:06 +0000

A antiga solução body:nth-of-type(1) elemento {propriedade:valor} ainda pode ser usada sem interferencia no firefox, apenas utilize o webkit junto, ex:

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:nth-of-type(1) elemento {propriedade:valor}
}

Por: brunorios

brunorios — Fri, 22 Oct 2010 01:59:07 +0000

@Tiago Celestino: valeu tiago!!!

Por: Carol

Carol — Thu, 01 Jul 2010 20:46:15 +0000

fonte : http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/
ops!

Por: Carol

Carol — Thu, 01 Jul 2010 20:45:18 +0000

Pessoal segue um que funciona e ta bem explicadinho!
@media screen and (-webkit-min-device-pixel-ratio:0) {
.myClass { background-color: #FF0000; }
#myId {color: #0000FF;}
p, a, li {text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}