Google Chrome e o suporte a CSS
Postado em: 3 de setembro de 2008 por Pedro RogérioEstou vendo algumas pessoas falarem do Google Chrome, que alguns sites o CSS não está funcionando corretamente, mas vendo hoje pela manhã meus feeds acabei encontrando uma tabela de suporte a CSS no Google Chrome:
Como podem ver ele utiliza o motor de renderização Webkit, o mesmo do Safari, portanto, se seu site funciona bem no Safari, também funcionará corretamente nele.
Isso pode lhe interessar:
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web é proprietário do blog CSS no Lanche, blog voltado ao desenvolvimento front-end.
dipi disse: 03.09.08 ás 16:56
Não entendi.. No texto diz que alguns CSSs não funcionam, mas tabela marca todos com verdinho, ou seja, seria tudo compatível…
Walfredo de Sá disse: 04.09.08 ás 09:47
o bicho tem suporte pra tuuuuuuuuuuudo, vai ser lindo desenvolver as coisas pra ele, pena que não podemos ignorar os IE´s da vida
JP disse: 04.09.08 ás 10:35
É melhor tomar cuidado, pessoal… Já estão surgindo muitas falhas críticas. Acessem: http://pcworld.uol.com.br/especiais/secworld/archive/2008/09/03/vulnerabilidade-no-chrome-expe-usurios/
dipi disse: 04.09.08 ás 11:06
É… Na verdade a única vantagem dele é que é leve mesmo. Mas por enquanto, pois quando surgirem os complementos ele vai começar a ficar pesado, dai cai no vau dos browsers comuns, a não ser que o pessoal do Google se puxe nas atualizações.
lfspaulo disse: 04.09.08 ás 17:47
Este bicho promete e vai dar muito que falar e muitas dores de cabeça à concorrência!
cumps,
lfspaulo (Há cenas lixadas!)
Mikael Carrara disse: 06.09.08 ás 11:11
body {
background:url(../img/bg.jpg) top repeat-x #2658c4;
}
Se eu colocar assim, o Google Chrome não le o “#2658c4″ e a partir do fim da imagem segue a cor padrão do body. Apesar do Safari e Chrome usarem a WebKit, ainda se comportam da maneira um pouco diferente.
Pedro Rogério disse: 06.09.08 ás 12:26
@Mikael,
O correto é utilizar dessa forma:
body {
background:#2658c4 url(../img/bg.jpg) top repeat-x;
}
Dessa forma aí pode ocorrer inconsistências em alguns browsers.
Mikael Carrara disse: 06.09.08 ás 14:50
Esquisito, porque eu sempre fiz dessa forma e nunca deu problema:
background:url(../img/bg.jpg) top repeat-x #2658c4;
Dessa forma como você sugeriu continua com o mesmo problema no Chrome:
background:#2658c4 url(../img/bg.jpg) top repeat-x;
Aperte F5 varias vezes pra você ver como ela oscila, de qualquer uma das formas…
Alexsandro disse: 04.11.08 ás 19:04
Depois falam que Safari e Chrome são iguais por causa do Web Tookit =/
Wagner Rodrigues disse: 23.03.09 ás 00:05
Esse problema da background no Chrome acontece quando se faz uma requisição a uma página externa da head do documento, um javascript que fica no google por exemplo.
Meu problema ocorreu quando usei o JSAP para indexar o Jquery diretamente do google. A background da página parava na imagem, e não prosseguia com a definição “color”, ficando em branco. Após diversos testes, trouxe o jquery para um arquivo local e tirei a requisição para o google, e a background se comportou normalmente.
Não faço a menor idéia porque isso acontece, e o mais estranho é que Google e Chrome deveriam falar a mesma língua. Vai entender.