Mam nakładające się elementy (a dokładniej obrazy) i potrzebuję ich wszystkich, aby aktywowali swoje odpowiednie efekty najechania, nawet jeśli nie są na wierzchu. Czuję, że to powinno być całkiem proste. Czy czegoś mi brakuje?

Tutaj jestjsFiddle. Potrzebuję efektu zawisu czerwieni, aby wystrzelić, jeśli zostanie dotknięty, nawet jeśli to miejsce jest pokryte zielenią i błękitem.

#div1, #div2, #div3 {
  position: absolute;
  width: 100px;
  height: 100px;
}
#div1 {
  background-color: red;
}
#div2 {
  background-color: green;
  left: 25px;
  top: 25px;
}
#div3 {
  background-color:blue;
  left: 50px;
  top: 50px;
}

<div id="div1" onmouseover="alert('Red Div moused over');"></div>
<div id="div2"></div>
<div id="div3"></div>