Within a container div, I have a background and foreground div. I want the click event on the foreground div to be passed through to the background div for handling the event.
How can this be achieved in Angular 2+?
Here is an example structure of my divs:
<div class="container">
<div class="background"></div>
<div class="foreground"></div>
</div>
This is the CSS styling for the elements:
.container {
position: relative;
}
.background {
}
.foreground {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}