Board Logo

Need help making TigraMenu drop-downs "transparent"
H - 12/12/2003 at 07:19 PM

I'd like to make my menu appear slightly transparent -- as illustrated on the main page:

Can anyone help?

Thanks in advance!

tigra - 12/13/2003 at 02:30 AM

What makes items transparent is CSS setting for outer tag defined for menu level 1 (next after root level) and above:

/* level 1 outer */
.m0l1oout {
text-decoration : none;
border : 1px solid #FFFFFF;
background: #46B446;
filter: alpha(opacity=85);

copy and paste filter property from here to classes in your css file.

Note that this property is supported by IE only.

Fran - 1/12/2004 at 11:53 AM

If you want it to work also in Mozilla, add in the CSS settings after the "filter: alpha ..." the line:

-moz-opacity: 0.85;

Note that 0.85 stands for a percentage (85%). You can play with that. It's the same for IE.

montydublin - 1/16/2004 at 01:41 PM

I have added in the line suggested but it is having no effect on the transparancy of the menu.

Ideally i would like it to be non transparent.

I have attached my menu.css file.

Many thanks

montydublin - 1/16/2004 at 02:01 PM

I have fixed the bracket in line 19 also but still the same

Line 19 : filter : alpha(opacity=100);

Any thoughts welcome

Back to forum: