Duvida em CSS - Efeito Hover

Esmael Silva · Setembro 8, 2012

:rolleyes:

Olá pessoal, estou criando um site (muito básico) e queria a ajuda de vocês com o efeito Hover, que está multiplicando a imagem que está sendo aplicada o hover. Como mostra a foto abaixo.

Como viram, a imagem está se repetindo no outro lado da tela.

Irei postar meu código, logo abaixo, para darem uma olhada e me dizer, por favor, onde está o erro.

<head>
    <title>Esmael</title>
        <style type="text/css">
        #conteudo2:hover{
        background: url(img/logo-hover.png) repeat-x;
        }
        
        
        </style>
            <font face="Verdana">
                <body bgcolor="#00000">
</head>

<body>

<div id="conteudo">
    <div id="conteudo2">
    <img src="img/logo.png">
    </div>
</div>

</body>

Espero que possam me ajudar, grato.

Nosreve · Setembro 8, 2012

Olá amigo

qual efeito você pretende conseguir?

No seu código você fez ao passar o mouse sobre a div conteudo2 aparecera uma imagem como backgroud, sendo que já tem uma imagem dentro da div,

e tambem voce colocou o repeat-x (que significa que a imagem vai repetir horizontalmente)

para não repetir a imagem coloque background-repeat:no-repeat;

#conteudo2:hover{
  background: url(img/logo-hover.png); 
  background-repeat:no-repeat
}

Entrar

Duvida em CSS - Efeito Hover

Pergunta

Esmael Silva

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Nosreve

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades