Question

if I have a div over my image tag, how it is possible to keep access to the image through the div? I mean when I right click on that div to have options from image tag like open image in new tab and so on, or even on left click to have access to the image, but the div should be visible..

I have something like :

CSS

myDiv {
  position: absolute;
  top : 0;
  left: 0;
  width: 100%;
  height: 100%;
}

HTML

   <div>
     <img src="..." alt="..">
     <div id="myDiv"></div>
   </div>

P.S : I saw on some kind of lightbox a zoom icon over images but on right click or on other action I had access to the image, not to the overlay div, as expected.

Answer 1

I have found an answer :

CSS :

pointer-events: none;