1

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?

2
  • Não, nem faz sentido fazer isso. Qual seria o propósito?
    – Woss
    Commented 27/06/2017 às 19:51
  • Eu estou programando em uma ferramenta onde eu consigo selecionar meu arquivo *.css apenas não consigo colocar a tag <img src=""> para selecionar a imagem quero colocar como ponto para acessar o link
    – R.Santos
    Commented 27/06/2017 às 19:54

1 Resposta 1

4

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');
})
9
  • 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.Santos
    Commented 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
  • Aguardo sua resposta atualizada então +1
    – R.Santos
    Commented 27/06/2017 às 20:24

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .