how can i use hover on something with z-index - 1

Question

i want to use canvas to draw on screen and i want to have it on top, but if i need hover something under it, how can i fix it?

in css looks like:
p:hover{
[style]
}
canvas{
z-index: 2;
}

Answer 1

Use javascript. Compare your cursor offsets to the paragraph offsets.

In order to z-index to work the element needs a position which your canvas doesn't have.

Answer 2

Can you show us the whole code?

Answer 3

hm...i've done it by opacity

Answer 4

there is no much more... there are just two containers, one on second, the first one is over all... and second is scrolling when hover on it

the code is on home.spsostrov.cz/~tureni/cursor.htm and it works only on comoputer