Home/ Questions/Q 6869407
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T03:33:14+00:00

My document looks like this: Basically the background is one full-screen, transparent div. There

  • 0

My document looks like this:
enter image description here

Basically the background is one full-screen, transparent div. There are couple problems…if I just create the background div and don’t apply any z-index to it, it ends up being on top of everything, and I cannot click on the box. If I set the z-index of the background div to be below the box, I can’t seem to click on the background. What I want to do, it to be able to click both on the box, and the background. 

var x = document.getElementById("bg");
x.addEventListener("click",reset,false);

function reset() {
   alert("reset was clicked");
}

CLARIFICATION: box is on the same node level as the bg. it is not inside the bg div.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You must post your code so every one can help you. My test work correctly on Firefox and Chrome. If I’m guessing right, the background in your code isn’t expanded. Try to remove html, body { width:100%; height:100%; } in my example to see the problem.

    On IE browser, you need to use a transparent gif image as background of the background div, otherwise the background div may be unable to receive mouse click event.

    • 0