设置div填充z-index

Question

Is it possible to set the z-index of the padding of a specific div ?

I'm using particle.js as an interactive background that changes with mouse position. However, this only works when the canvas is at the top of the stack. I am using a div container for the main content with a padding of 10% .

I'd like this padding to be sent backwards on the stack so that the mouse can interact with the background.

Answer 1

So I managed to solve this by removing the padding and margins of the div and using relative position with the same spacings as the margin previously. I then set the canvas z-index to 1 with the container div z-index to 2.