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 4 of 4
  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 browsed 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
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Looks like they've used Javascript for that, if you look in the source.

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Ow lol..... Now I see...Anyways. Do you then think it would be possible with a .png image, which has a little transparency? Or wouldn't it work in all browsers?
    Last edited by CaptainB; 07-01-2007 at 11:07 AM.

  • #4
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Goodle is your best friend....lol

    http://www.mandarindesign.com/opacity.html
    (and it works!)


  •  

    Posting Permissions

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