Possuo um arquivo *.css
que determinei a posição e tamanho da imagem que possuo em meu cabeçalho, é possível adicionar um hyperlink
a essa imagem no próprio arquivo *.css
e depois quando eu atribuir a essa imagem esse id do arquivo *.css
ela já pegue o link também?
1 Resposta
No CSS não há propriedade que possa manipular o arquivo de imagem do elemento img. Se essa for realmente a necessidade sugiro você trocar pelo elemento div e especificar a imagem no CSS
Exemplo:
CSS:
#div_img {
background-image:url('http://www.sitedaimagem.com/img/header.png'); /* url */
width:396px; /* largura */
height:153px; /* altura */
}
HTML:
<div id="div_img"></div>
1# Editada:
Via CSS não é possível manipular o link, ou você defini direto no HTML ou no JavaScript
2# Editada:
Novo exemplo utilizando JQuery: CSS:
#div_img {
background-image:url('http://www.sitedaimagem.com/img/header.png'); /* url */
width:396px; /* largura */
height:153px; /* altura */
}
HTML:
<a id="div_link" href="http://www.uol.com.br"><div id="div_img"></div></a>
JQuery:
$(document).ready(function() {
$('#div_link').attr('href','http://www.google.com');
})
-
Daí você pode atribuir várias propriedades no CSS para deixar o elemento div mais ou menos igual ao img Commented 27/06/2017 às 20:11
-
Obrigado pela resposta @Carlos Andrade, eu testei isso e não consegui, adicionei a linha:` background-image:url('google.com');` e depois chamei no HTML minha div porém ao clicar na imagem não fui redirecionado– R.SantosCommented 27/06/2017 às 20:16
-
Em
background-image:url('url_completo_da_imagem');
você deve especificar o endereço completo da imagem. Commented 27/06/2017 às 20:21 -
Ah, me desculpas, eu interpretei errada a pergunta. Vou fazer a edição e você pode desfazer o seu voto. Commented 27/06/2017 às 20:23
-
*.css
apenas não consigo colocar a tag<img src="">
para selecionar a imagem quero colocar como ponto para acessar o link