Thu, 2012-10-25 13:09
Hi,
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,
JP