Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts

    Adding transparancy to dropdown menu

    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;
    					}

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •