Transparent Background for Drop Down Menu

[onestandard 0]

I've been trying to style the drop down menu so that instead of the default white/grey the background is transparent so that you can see the page's global background instead of blocks of color. I tried switching out hex code for 'transparent' in the custom CSS, but that hasn't worked.Any thoughts?

[kgstew 2]

Hi Kyle, Do you think you might run into problems with the text being almost unreadable or difficult to follow the drop down menus when they are open? In any case, you might try using a transparent image like a blank.png file and use that as the background to the drop down menu with no background color. Cheers, -Kyle

[onestandard 0]

Hey, Kyle. With the background I'm working with it looks fine in PS mockups. I tried replacing color and background with a transparent .png, but no luck. I could be getting the code wrong, though.

[kgstew 2]

Hi Kyle, Can you post your site URL? I'm not sure if whats your trying to do is possible with simple CSS but I will take a look.

[onestandard 0]

The site isn't live. Would that really matter?

[cmunns 16]

Two options here. 1. a live link so we can see 2. the custom css you are attempting to use

[onestandard 0]

I've cobbled together more bits of code than I care to admit from various posts here on the forums. The latest I tried was: #primary-nav ul.sf-menu, .sf-menu * { background-color: transparent;}

[cmunns 16]

Also, when you say transparent are you looking to basically not have a background or do you want an overlay type look this is semi-transparent? Bc the latter requires an actual image.

[onestandard 0]

Complete transparency when static, semi-transparent (image) on hover. I have a .png ready to go for the 2nd one, just don't know where to stick it.

[onestandard 0]

double-post

[catrina 103]

Is the actual image you have intended for the navigation bar as a whole or for each individual menu item?