I created an image in Photoshop for a fixed navigation background with some transparency. After adjusting the opacity on a gradient in Photoshop CS6, I placed the background on the navigation bar only to find that it remained solid and not see-through at all. Any idea why this might be happening? Do I need to adjust the opacity using CSS or is there another way to achieve the desired effect directly within the image?
Here is the code for the background:
background-image: url(images/navBackground.png);