Add link to image by *.CSS file

Question

I have a file *.css that I determined the position and size of the image I have in my header, it is possible to add a hyperlink to that image in the file itself *.css and then when I assign that file id to that image *.css she already catch the link too?

Answer 1

In CSS there is no property that can manipulate the element’s image file img. If that’s really the need I suggest you trade for the element div and specify the image in CSS

Example:

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# Edited:

Via CSS it is not possible to manipulate the link, or you set it directly on HTML or in the Javascript

2# Edited:

New example using 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');
})