CSS nao funciona no google chrome?

Resposta

Para corrigir o problema de CSS que não está funcionando no Google Chrome, precisamos começar com a sua sintaxe.

Primeiro, o tipo CSS no estilo deve ser corrigido para text/css - o tipo não é 'css', mas sim 'text/css'. A estrutura da sintaxe CSS também precisa ser ajustada para que as regras de estilo sejam definidas corretamente. Aqui, a aninhamento de regras está incorreta, o que pode estar causando problemas de interpretação no Chrome.

Além disso, o uso de quebras de linha excessivas e tags HTML desnecessárias dentro da estilo também deve ser corrigido, já que isso é considerado uma má prática de codificação.

Aqui está o código corrigido:

```css

<style type="text/css">

.gallerycontainer {

position: relative;

/ Add a height attribute and set to largest image's height to prevent overlaying/

}

.thumbnail img {

border: 1px solid #666666;

margin: 0 5px 5px 0;

padding: 5px;

}

.thumbnail:hover {

background-color: transparent;

}

.thumbnail:hover img {

border: 1px solid #666666;

}

.thumbnail span {

position: absolute;

background-color: #FFFFFF;

padding: 5px;

left: -1000px;

border: 1px solid #666666;

visibility: hidden;

color: black;

text-decoration: none;

}

.thumbnail span img {

border-width: 0;

padding: 2px;

}

.thumbnail:hover span {

visibility: visible;

top: 0;

left: -65px;

z-index: 50;

}

</style>

```

Além disso, observe que o bloco de estilo CSS deve ser colocado dentro da seção <head> de sua página HTML para garantir que seja carregado e interpretado corretamente pelo navegador.

Após essas correções, o problema de CSS não funcionando no Google Chrome deve ser resolvido. Certifique-se de salvar o arquivo corrigido e atualizar a página no navegador para ver as alterações refletidas. Espero que isso ajude a resolver o problema!