Comments on: Fixed Fade Out Menu: A CSS and jQuery Tutorial

By: Lucas

Lucas — Thu, 22 Jul 2010 22:14:58 +0000

Added to my personal list
http://www.ajaxshake.com
thanks

By: Tom

Tom — Wed, 07 Jul 2010 16:09:48 +0000

I love your work. I watched the demo on my mac with safari and firefox but when I viewed it on my iPad the menu scrolls off the page?! Has anyone else found this bug?

By: Dayanand

Dayanand — Mon, 05 Jul 2010 09:22:33 +0000

Hi,

Comment with code of HTML and CSS is most important to the Website professional. This is the best Article.

Thanks

Dayanand from : http://www.e.profitbooster.com

By: WebWraight

WebWraight — Sun, 06 Jun 2010 08:05:25 +0000

@INDIANA WEBDESIGNER

You can easily do that using Jquery.

I can’t post the code here due to time but i think you’ll find something similar on Smashing Magazine.

Run a search or on Css-Tricks.com

By: Tega Morkah

Tega Morkah — Sun, 06 Jun 2010 08:02:35 +0000

I believe the Position: Fixed does not work in most versions of IE, I have not really read the Javascript part of the code above but it would be cool to add an IE hack for Position: Fixed to this tut.

By: Indiana web designer

Indiana web designer — Thu, 20 May 2010 19:00:24 +0000

Nice, but I need a menu where you hover one link, and the rest of the menu fades out. Any ideas or how to modify this script? Thanks

By: Offenbach

Offenbach — Fri, 14 May 2010 04:34:44 +0000

I would like to have this feature in the bottom of my page, but when using
position:fixed;
bottom:0px;

in IE8 the menu is not fixed in bottom only in FF.
Is that prob to solve?

By: James

James — Mon, 05 Apr 2010 18:30:34 +0000

Hi, this is a great little effect. But one thing I’ve noticed is that upon re-hover in IE8, the rollovers do not work.

This is obviously another IE bug, but have you or can you think of any fix?

Thanks

By: waqas

waqas — Mon, 05 Apr 2010 09:56:51 +0000

wow. Thanks.. it worked..lov u

By: Mary Lou

Mary Lou — Sun, 04 Apr 2010 08:31:59 +0000

Hi Waqas,
you need to add the z-index:999999; line to the style definition of the #nav. Like this:
#nav{
height:35px;
border-bottom:1px solid #ddd;
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:999999;
}
and then it will work. In the style.css the #nav item is the first one. I hope it helps! Cheers, ML