using z-index with link

[crays]

Hi, I don't know how can i use z index together with a link any help? An example would be that I have 2 pictures.

Picture A have border at the side and the middle is blank(invisible)
Picture B is an image of a box

Picture A is 300px x 300px in size and PNG format
Picture B is 100px x 100px in size and PNG format

I overlapped Picture A and Picture B and by using the z-index,I've put in a such a way that picture A is above Picture B.

Now the problem is, Picture B have a link to another site.


<a href='www.hello.com'><img src="pictureB.png" class=PicB></a>

Is there a way i can allow the link in picture B to work? I know the problem is because Picture A is larger than Picture B and is above it therefore the mouse can only focus on Picture A. Any help?

[effpeetee]

The only way that I can see is for you to put an image map on the larger one in the same location as the smaller.

How to make an Image-map. (http://www.htmlcodetutorial.com/images/images_famsupp_220.html)

Frank

[crays]

Thanks. Is there really no other options?

[JordanW]

Effpeetee's suggestion is probably the easiest route to take. It's not too difficult and would achieve the effect you want perfectly

~Jordan

[crays]

Alright then. Thank you.