Inserir um link em uma imagem no CSS

  • Thiago Vedoi de Lima
  • Avatar de Thiago Vedoi de Lima Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
7 anos 4 meses atrás #100653 por Thiago Vedoi de Lima
Thiago Vedoi de Lima created the topic: Inserir um link em uma imagem no CSS
Boa noite,
Preciso de ajuda.
Estou querendo inserir o link do meu site em uma imagem, (/separator.png) ela está num codigo css o código é:
}
.ice-separator {
position: relative;
width: 100%;
height: 60px;
margin: 45px 0 40px;
background-image: url("../images/separator.png");
background-repeat: no-repeat;
background-position: center center;
}
a imagem é a separator.png queria colocar o link do meu site nela.
como faço?

Obrigado.

Please Entrar ou Registrar to join the conversation.


  • Alan
  • Avatar de Alan
  • Offline
  • JCB! Iniciante
  • JCB! Iniciante
  • Eu te disse, eu te disse
Mais
7 anos 1 mês atrás #100775 por Alan
Alan replied the topic: Inserir um link em uma imagem no CSS
Devo admitir que nunca vi nenhum link no CSS mas teoricamente, terá de fazer com o belo e bom HTML mesmo. Se você está puxando essa classe de uma DIV ou SPAN para chamar você pode colocar o link normalmente, <a href="#">(SUA DIV)</a>. Caso não saiba o que estou falando, então você pode tentar inserir o link diretamente na classe, embora não saiba bem se funcionará ele ficará assim:

}
.ice-separator {
position: relative;
width: 100%;
height: 60px;
margin: 45px 0 40px;
<a href="SEU-LINK">background-image: url("../images/separator.png");</a>
background-repeat: no-repeat;
background-position: center center;
}

Boa Sorte!!!

Please Entrar ou Registrar to join the conversation.