CODEWITHSUNDEEP
htmlcsssvg
Jake Runzer
Jake Runzer

Reputation: 1007

I have a svg image with cursor pointer and the cursor is not a pointer

Pretty much the title.

I have a image with a css class which has

cursor: pointer

When I hover over the image my cursor does not change. Chrome dev tools looks like the style is being applied. So I am not sure why this isn't working.

no pointer

Upvotes: 1

Views: 1185

Answers (1)

m4n0
m4n0

Reputation: 32275

It is because of the negative z-index value on #player-controls img that makes it appear below the other elements. So the hover is not applied on the element itself but anything above it in the stacking order.

Change the value to positive number or remove it and the cursor: pointer will work.

Upvotes: 3

Related Questions