First, look example: http://photo-maxchen.blogspot.com

Try to put at the place where it should be, and it will appear.

 

The simplest instruction:

 

Just put script below after tag </head>

 

<style type='text/css'>
#navbar-iframe {
opacity: 0.0;
filter: alpha(Opacity=0)
}

#navbar-iframe:hover {
opacity: 0.5;
filter: alpha(Opacity=50,FinishedOpacity=50)
}
</style>

 

and.... be happy

It works in Firefox with or without javascript but I can't get it to work in IE7 with or without ActiveX.

 

I'm not sure I like the styles between the head and body sections (there shouldn't be anything between them); have you tried it inside the head section?

You can always use display: none; to hide the nav bar instead of opacity. Opacity is not a standard method for most browsers. It will not validate on W3.

Opacity is not a standard method for most browsers. It will not validate on W3.

 

opacity is a css3 rule, when you validate select css3!

 

IE5+ has had opacity built in though, but you need to use filter: alpha(opacity=50); which probably won't validate.