H
Newbie
Posts: 1
Registered: 12/12/2003
Member Is Offline
|
| posted on 12/12/2003 at 07:19 PM |
|
|
Need help making TigraMenu drop-downs "transparent"
I'd like to make my menu appear slightly transparent -- as illustrated on the main page: http://www.softcomplex.com/products/tigra_menu/
Can anyone help?
Thanks in advance!
|
|
|
tigra
Administrator
Posts: 1976
Registered: 6/17/2002
Location: US, CO
Member Is Offline
|
| posted on 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
Newbie
Posts: 1
Registered: 1/12/2004
Member Is Offline
|
| posted on 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
Junior Member
Posts: 5
Registered: 1/16/2004
Member Is Offline
|
| posted on 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
Attachment: menu.css (692b)
This file has been downloaded 273 times
|
|
|
montydublin
Junior Member
Posts: 5
Registered: 1/16/2004
Member Is Offline
|
| posted on 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
|
|
|