it seems in some browsers (ff, chrome, safari), the layering of the divs on the page below would prevent users from clicking on the left side of the title banner or menu as they are over the main content div.

i played around with z-index but to no avail. could anyone offer a solution? for now, it works as is in ie8 and opera only.

thanks.

3 answers

0
points
This was chosen as the best answer

Set pointer-events: none; on the elements you don't want accept any clicks.

Answered almost 6 years ago by Rob Crowther
0
points

site url, also on left- http://zpryme.com/SGI/

Answered almost 6 years ago by vulgarbulgar
0
points

Awesome! Worked well. Had to add pointer-events: auto; to a few child elements so the ads would be functional.

Otherwise, is it not possible to resolve this using z-index?

Answered almost 6 years ago by vulgarbulgar
  • You should add comments when you want to comment, this isn't a forum. If you're using z-index to set the display order of elements then the one with the highest z-index will receive all the clicks, there's no getting around that. Rob Crowther almost 6 years ago