CSS Forum

**aadam** · 02-19-2011, 12:54 PM

I have the following CSS code on my site;

Code:

{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 600px;
  height: 290px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position: center center;
}

What code do I need to add to link this image to a certain web address?

**chrishirst** · 02-19-2011, 02:00 PM

You can't.

**samlko** · 03-03-2011, 04:57 AM

Quote:

Originally Posted by aadam

I have the following CSS code on my site;

Code:

{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 600px;
  height: 290px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position: center center;
}

What code do I need to add to link this image to a certain web address?

If I am getting what exactly you want is to create an image link but the image is added in the background of webpage, so you can use anchor map option which helps to define the coordinates on the webpage to link with a web address ... hope this work for you ...

**georga** · 05-26-2011, 04:51 AM

Your code is for the styling not for the anchor

**DayliDesign** · 12:23 AM

First add this to your css so visitors will know it is a link

Code:

 #example {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 600px;
  height: 290px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

then in your html :

HTML Code:

<div id="example" onclick="window.open('http://www.link.com')"></div>