Ir para conteúdo
  • Cadastre-se

Imagens referenciadas na CSS, dúvida


Posts Recomendados

Pessoal

Mostro meu website pessoal para vocês possam dar uma olhada.

www.mmpietro.com.br

Sou designer e no menu princial, acontece o seguinte:

Na primeira vez em que entramos no site, a aba no menu no estado over (quando o mouse está em cima) simplesmente desaparece! Não exibindo nada. Temos que voltar a passar o mouse por cima, para termos a imagem sendo exibida normalmente. Todas as imagens são referenciadas na CSS como background images. É como se ele precisasse "pré-carregar" as imagens. Exemplo de um item do menu:

.link_home a:link, .link_home a:active, .link_home a:visited {

width:91px;

height:37px;

display:block;

background-image: url(../images/link_home.jpg);

background-repeat: no-repeat;

background-position: left top;

}

.link_home a:hover{

width:91px;

height:37px;

display:block;

background-image: url(../images/link_home_over.jpg);

background-repeat: no-repeat;

background-position: left top;

}

Experimentem limpar o cache dos browsers e acessar novamente, e isso se repete.

Como resolver esse probleminha?

Agradeço a atenção da comunidade!

Link para o comentário
Compartilhar em outros sites

  • Respostas 3
  • Criado
  • Última resposta

Top Postadores Neste Tópico

Dias Populares

Top Postadores Neste Tópico

É normal, ele só está chamando a classe do CSS pra carregar a imagem quando o mouse vai em cima. Depois que tá no cache, é instantâneo.

Ou você faz um preload das imagens via java script:

http://elouai.com/javascript-preload-images.php

Ou faz como eu: uma única imagem pra cada item do menu, que move-se de posição no hover:

http://tutorials.alsacreations.com/rollover_unique/

Link para o comentário
Compartilhar em outros sites

Participe do debate

Você pode postar agora e se registrar depois. Se você tem uma conta, entre agora para postar com ela.

Visitante
Responder este tópico…

×   Você colou conteúdo com formatação.   Remover formatação

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Limpar editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.



  • Estatísticas do Fórum

    • Total de Tópicos
      54,2k
    • Total de Posts
      446,5k
×
×
  • Criar Novo...