Board Logo

montydublin - 1/26/2004 at 08:46 PM

My menu is coming up as transparant no matter what change i make.

I've tried adding in

filter: alpha(opacity="100");

into my menu.css file in the .m0l1o layer

but it's having absolutely no effect.

I am testing with IE6 ( I know about the mozilla way)

Any help is greatly appreciated..

P.s : It is not going over a form element or textbox so i presume this can be done with the freeware version of Tiger Menu.

turcanu - 1/27/2004 at 08:25 AM

I would like to make the menu transparent instead, any advices?

montydublin - 1/27/2004 at 10:43 AM

I figured out the problem.

While it was not going over a form box or other object it *was going over a area with a <div> tag.

Also i was not linking the html file to the css properly using this line

<link rel="stylesheet" href="menu.css" />

If you want to make it transparent ...

Just make sure that above line is in the html file

Then go to your menu.css and go to the level 1 inner and level 1 outer and put in

filter: alpha(opacity=50);
-moz-opacity: .50;

The 50 just stands for 50% transparent.

Any more questions let me know, it took me ages to find out an answer for this so i'll gladly help anyone else

<link rel="stylesheet" href="menu.css" />

turcanu - 1/27/2004 at 12:12 PM

Thank you montydublin! Will try that...

I already found out how to make it transparent, but I guess easier:

In menu_tpl.js
just dont give color background:

var MENU_STYLES = new Array();

// default item state when it is visible but doesn't have mouse over
MENU_STYLES['onmouseout'] = [
'background', ['', '#28599B', '#28599B'],
'color', ['#ffffff', '#ffffff', '#ffffff'],

and this way you can put an image as a background which will be seen through the menu

Back to forum: