Can anyone tell me how this works? (transparent drop-down menu)

Shaun's picture

He has: 52 posts

Joined: Nov 2005

Hello all, it's been a while since my last post. Anyway, on my travels, I bumped into a website that had a really nifty navigation bar. I would like to learn this technique, but after a lot of Google searches, I'm still clueless.
So I don't get accused of site pimping (I don't have anything to do with the site in question, or know the webmaster) I will just screenshot the navigation itself and if anymore info is needed you can click here.

I know it runs on Javascript somehow, but I'm needing a clearer idea of how it works.

Here's the screenshot, transparent drop down box.

Thanks in advance :]

demonhale's picture

He has: 3,278 posts

Joined: May 2005

It uses Opacity Controls... these are css3 rules that have not found greater support yet, but currently works on most browsers. You can check this tutorial to learn more... http://www.mandarindesign.com/opacity.html

Shaun's picture

He has: 52 posts

Joined: Nov 2005

Oh wow, thanks DemonHale Smiling

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.