Making a Fireworks png semi-transparent for the web
Posted on 2013-09-23
Using Fireworks CS5 - windows
I need to create a small background png that will be semi transparent for a background color in a drop down menu.
Here's what I have done so far.
I created a canvas 20px by 20px.
I selected transparent as a background
I created a rectangle and filled it with a color.
Then from properties I selected 70 percent transparency for the rectangle, and left Normal in the dropdown.
During the export via Image Preview I selected PNG 8 with index transparency.
However, when I use the image as the background in a menu it is not transparent.
It could be a problem with my css, but first I want to rule out that I made a mistake creating the transparent image.
Are the steps I did correct? For example, is an index transparency what I want? OR an alpha transparency. I assume the PNG8 is correct? Should I have selected something other than "Normal" from the dropdown in the properties panel?