solved Positioning HTML Elements over Canvas [Event Problem]

[MaverickGeek]

#renderCanvas {
width: 100%;
height: 100%;
position: absolute;
}

#overlayUI {
width: 100%;
height: 100%;
z-index:2;
position: absolute;
}            

<div id = "overlayUI"></div>      
<canvas id = "renderCanvas"></canvas>   

 

Using this The UI is blocking input on Canvas! How to use the UI without blocking events!

[MaverickGeek]

        #renderCanvas {
            width: 100%;
            height: 100%;
        }
        
        #overlayUI {
            position: absolute;
        } 

Solved! LOL!

 

[Pryme8]

#overlayUI {
pointer-events:none;
position: absolute;
} 
#overlayUI *{
pointer-events:all;
}