No replies
funkafilia's picture
Last seen: 10 years 15 weeks ago
Timezone: GMT+2
Joined: 2012-10-25
Posts: 1
Points: 2


I'd like to create a fixed radial gradient (gray on the outside and transparent in the center) that is used as a fixed overlay on top of the entire website, to achieve a kinda 'spotlight' effect. I made this gradient in a .png-24 file and placed it in img class called gradient and set the z-index to 999.

It all looks great. The problem, however is, that navigation buttons don't work. I guess this is explicable, because the cursor touches the PNG instead of the layer underneath. What is the best way to solve this? Use CSS instead or is there a way to do it with the PNG. I really like the gradient on top of the navigation menu as well.

.gradient {left:0; height:100%; width:100%; position:fixed; top:0;  z-index:999}

Thanks in advance,