Hi,
Having problems with my css menu. (code below)
It’s a vertical menu example from this site that I have customised.
I have added transparency to the menu, not 100%. Still want a shaded kind of look.
My problem is that the menu text is transparent too.
Any way to avoid this from happening?
Thanks
Mums
/* CSS Document */
#vertmenu {
font-family:Tahoma, Verdana, “Trebuchet MS”, serif;
width: 140px;
padding: 0px;
margin: 5px 0px 5px 0px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a{
display: block;
border-bottom: 3px solid #A88868;
filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
padding: 4px 0px 0px 4px;
text-decoration: none;
font-weight:bold;
color: #FFF;
width:136px;
background-color: transparent;
background-color: none;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000;
background-color: #FFF;
filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1;
}