Website Design Forum

**missingtime** · 03-05-2010, 12:22 PM

How did they get that menu bar to be transparent in IE?

http://ringvemedia.com/

I could set the opacity like this: "opacity:0.5;" ...but it won't work in IE

**lynxus** · 03-05-2010, 12:39 PM

Its either a background image.

Or maybe a div with a Background image PNG that has transparency

**missingtime** · 03-05-2010, 12:45 PM

hmmm...ok.

I'll try that.

**lynxus** · 03-05-2010, 12:46 PM

Quote:

Originally Posted by missingtime

hmmm...ok.

I'll try that.

It probably would, However im not sure if IE follows certain CSS / HTML guidelines.

**LadynRed** · 03-05-2010, 03:11 PM

IE6 doesn't support transparent PNG's - you have to use one of the pngfix solutions, and even then it still won't support repeating transparent pngs.

If you want to use CSS, you have to use the alpha filter method.

**Douglife** · 03-05-2010, 04:15 PM

Code:

#menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}