Adding transparancy to dropdown menu

CaptainB · 07-01-2007, 10:43 AM

Hi!

I browsen Nvidias site and thought that their drop-down menus are pretty cool with the opacity (See here: www.nvidia.com)

How do I apply that to my own menus? I trid to look in their source code, but it dosn't work (I found this:

Code:

background-color:#333333; 
filter: alpha(opacity=90); 
-moz-opacity: 0.9;
KhtmlOpacity: .9;
opacity: .9;
font-family: arial;
font-size:8pt;
}

)

How do I apply the same effect to my menu? Here's the CSS:

Code:

#dropmenudiv{
					position:absolute;
					background-color: #7D7D7D;
					border:1px solid black;
					border-bottom-width: 0;
					font:normal 12px Arial;
					line-height:18px;
					z-index:100;
					}
					
					
#dropmenudiv a{
					width: 100%;
					display: block;
					text-indent: 3px;
					border-bottom: 1px solid black;
					padding: 1px 0;
					text-decoration: none;
					font-weight: bold;
					color:#FFFFFF;
					}


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

koyama · 07-01-2007, 02:57 PM

Double post:

http://www.codingforums.com/showthread.php?t=117677