0

I have an HTML image with a "play button" image over it using standard position relative/absolute techniques for overlaying.

The underlying image has a hyperlink and the overlaying image does not. This however makes it impossible to click the hyperlink when the mouse is over the overlay image.

Is there any way to prevent the overlay image from "obstructing" the hyperlink in the underlying image, except from hyperlinking the overlay image as well?

forthrin
  • 2,709
  • 3
  • 28
  • 50

1 Answers1

-1

Make use of the z-index.

http://www.w3schools.com/cssref/pr_pos_z-index.asp

For example, set the image to z-index: -1 or the link to z-index: 1000

dingdong
  • 169
  • 10