在两个重叠的html图像上的绝对定位，同时仍然能够单击？

<div style="position: relative;">
  <img src="image1.jpg" style="position: absolute; top: 0; left: 0;">
  <img src="image2.jpg" style="position: absolute; top: 0; left: 0;">
</div>

<div style="position: relative;">
  <img src="image1.jpg" style="position: absolute; top: 0; left: 0;" onclick="handleClick()">
  <img src="image2.jpg" style="position: absolute; top: 0; left: 0;" onclick="handleClick()">
</div>

<script>
  function handleClick() {
    // 执行单击时的操作
  }
</script>