Comentários sobre: CSS Hack para Google Chrome e Safari 3.1 http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/ Tutoriais sobre: XHTML, CSS, JavaScript e WebStandards Sat, 11 Feb 2012 13:45:15 +0000 hourly 1 http://wordpress.org/?v=3.3 Por: Luã Stradlin http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-223345 Luã Stradlin Sun, 07 Aug 2011 21:13:52 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-223345 Agora sim! Agora sim!

]]> Por: Rick http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-220651 Rick Thu, 21 Jul 2011 15:21:49 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-220651 Da hora!...perfeito mesmo! Da hora!…perfeito mesmo!

]]> Por: luana http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-217176 luana Thu, 30 Jun 2011 17:59:18 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-217176 salvou minha vida =D salvou minha vida =D

]]> Por: Reginaldo Oliveira http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-215281 Reginaldo Oliveira Thu, 16 Jun 2011 13:23:23 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-215281 Esse blog é muito bom mesmo. Realmente resolve!! Esse blog é muito bom mesmo. Realmente resolve!!

]]> Por: ERRO 404 http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-213573 ERRO 404 Thu, 02 Jun 2011 18:12:12 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-213573 nenhum desses deu certo !!!!!! nenhum desses deu certo !!!!!!

]]> Por: Letícia http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-200447 Letícia Thu, 24 Feb 2011 13:42:05 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-200447 http://www.ricardo-freitas.com/css-hack-para-google-chrome-e-safari/comment-page-1/#comment-142 MElhor blog sobre este assunto http://www.ricardo-freitas.com/css-hack-para-google-chrome-e-safari/comment-page-1/#comment-142

MElhor blog sobre este assunto

]]> Por: Suissa http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-195512 Suissa Wed, 12 Jan 2011 17:25:41 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-195512 PERFEITO! PERFEITO!

]]> Por: Gustavo Macedo http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-193916 Gustavo Macedo Wed, 29 Dec 2010 09:59:21 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-193916 Essa dica não funciona mais, pois afeta diretamente o Firefox e o Opera. Segue um hack "novo" que funciona perfeitamente pra Chrome e Safari: @media screen and (-webkit-min-device-pixel-ratio:0){ p { color:#333; } } Essa dica não funciona mais, pois afeta diretamente o Firefox e o Opera.
Segue um hack “novo” que funciona perfeitamente pra Chrome e Safari:

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

]]> Por: Guilherme Ventura http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-186720 Guilherme Ventura Fri, 15 Oct 2010 18:09:10 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-186720 Bom artigo, porém como o amigo acima disse, o Mozilla também interpreta o nth-of-type, pra quem não sabe, essa é uma propriedade CSS3, e com as novas atualizações do Firefox, ele também se tornou apto a interpretar essa regra. Abraços! Bom artigo, porém como o amigo acima disse, o Mozilla também interpreta o nth-of-type, pra quem não sabe, essa é uma propriedade CSS3, e com as novas atualizações do Firefox, ele também se tornou apto a interpretar essa regra.

Abraços!

]]> Por: Taniguchi http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-174396 Taniguchi Sun, 17 Jan 2010 02:20:51 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-174396 O Mozilla tmb usa nth-of-type. Se vc tiver problemas para aplicar CSS no Safarai, por exemplo, fique sabendo que o efeito (inverso) vai ser aplicado no Mozilla. Isso acontece porque o Safari usa renders de medida que são diferentes do Mozilla. A melhor solução (ao invés de hacks), é usar 9-slice ou planejar melhor o layout do website. Cuidados especiais quando aplicar CSS em componentes de formulario (InputText, Checkbox, etc). -------------------------------------------------------------------- Abraços! -------------------------------------------------------------------- O Mozilla tmb usa nth-of-type. Se vc tiver problemas para aplicar CSS no Safarai, por exemplo, fique sabendo que o efeito (inverso) vai ser aplicado no Mozilla. Isso acontece porque o Safari usa renders de medida que são diferentes do Mozilla.
A melhor solução (ao invés de hacks), é usar 9-slice ou planejar melhor o layout do website. Cuidados especiais quando aplicar CSS em componentes de formulario (InputText, Checkbox, etc).

——————————————————————–
Abraços!
——————————————————————–

]]> Por: Pedro Diaz http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-169627 Pedro Diaz Mon, 14 Sep 2009 14:21:03 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-169627 Muito boa essa dica! Estava sofrendo com um bug no chrome, e agora foiii!! heheh......tks! Muito boa essa dica! Estava sofrendo com um bug no chrome, e agora foiii!! heheh……tks!

]]> Por: airon http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-169057 airon Fri, 04 Sep 2009 13:04:29 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-169057 o q sera feito com esse comando????? o q sera feito com esse comando?????

]]> Por: Anderson http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-168049 Anderson Sun, 30 Aug 2009 05:17:53 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-168049 Se usa para ajustar o chrome, ele interfere no firefox Ex: #elemento {margin: 10px 0 0 0;} /* Google Chrome hack */ body:nth-of-type(1) #elemento {margin: 15px 0 0 0;} /* Google Chrome hack */ De alguma forma ele inverteu, o jeito que ficava errado no chrome, com a hack passa pro firefox.. Solução? Se usa para ajustar o chrome, ele interfere no firefox

Ex:

#elemento {margin: 10px 0 0 0;}

/* Google Chrome hack */
body:nth-of-type(1) #elemento {margin: 15px 0 0 0;}
/* Google Chrome hack */

De alguma forma ele inverteu, o jeito que ficava errado no chrome, com a hack passa pro firefox.. Solução?

]]> Por: Linke http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-113256 Linke Wed, 18 Feb 2009 20:12:00 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-113256 Perfeito. funciona certinho! Perfeito. funciona certinho!

]]> Por: Gustavo Ribeiro http://www.pinceladasdaweb.com.br/blog/2008/09/05/css-hack-para-google-chrome-e-safari-31/#comment-64676 Gustavo Ribeiro Fri, 05 Sep 2008 12:47:11 +0000 http://www.pinceladasdaweb.com.br/blog/?p=804#comment-64676 nth-of-type também é aceito no Opera, acredito que nele também irá funcionar ;) nth-of-type também é aceito no Opera, acredito que nele também irá funcionar ;)

]]>