got to clean my background:) SOS PEOPLE

[sasha hantz]

i got a nice drop down graphic menu, and when it's opens it's got a static one color background...
i want it will be half transperent(lucid) =that it want be 100% one color and won't be 100% filmy...that the user will be able to see the text behind...

this is my code:

<style type="text/css">

a:link {color: #3D3434;}
a:visited {color: #3D3434;}
a:active {color: #3D3434;}
a:hover {background-color: #ffffff;}
a {text-decoration: none;}

#dropmenudiv{
position:absolute;
border:1px solid #3D3434;
border-bottom-width: 1;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
text-indent: 3px;
border: 0px solid #3D3434;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover
{ /*hover background color*/
color: red;
}

</style>



<!------------------------------------------------------------------------ DROPDOWN MENU-->
<script type="text/javascript">

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="http://msnbc.com">French</a>'
menu1[1]='<a href="http://news.bbc.co.uk">Hebrew</a>'
menu1[2]='<a href="http://msnbc.com">French</a>'
menu1[3]='<a href="http://news.bbc.co.uk">Hebrew</a>'

//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="http://msnbc.com">French</a>'
menu2[1]='<a href="http://news.bbc.co.uk">Hebrew</a>'

var menu3=new Array()
menu3[0]='<a href="http://msnbc.com">TEST</a>'
menu3[1]='<a href="http://news.bbc.co.uk">BCC</a>'
		
var menuwidth='150px' //default menu width
var menubgcolor=''#FFFFFF'  //menu bgcolor 
var disappeardelay=10  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

[Twey]

#dropmenudiv{
position:absolute;
border:1px solid #3D3434;
border-bottom-width: 1;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
opacity: 0.5;
}

And, after that <style> element:

<!--[if IE]>
  <style type="text/css">
    #dropmenudiv {
      filter: Alpha(Opacity=50);
    }
  </style>
<![endif]-->

[sasha hantz]

You R D Best...
10k's

[mburt]

Also you might need to add:

moz-opacity: 0.5;
khtml-opacity: 0.5;

It allows opacity for older versions of Mozilla and Konqueror. However, it may appear as an error in your css file.

[Twey]

That's -moz-opacity and -khtml-opacity. Note the leading hyphen.

I think CSS3 opacity is sufficiently widespread now as to render them obsolete.