Results 1 to 2 of 2

Thread: Transparency in "AnyLink Drop Down Menu"

  1. #1
    Join Date
    Sep 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Transparency in "AnyLink Drop Down Menu"

    Hi,

    I use this script (work fine) but I want have transparent background.
    I add to css definition:
    #dropmenudiv{
    ...
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    }
    It work OK but text is also transparent. How make tranparent only background in drop menu?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You can't using opacity of any type because opacity is applied to all parts of an element and all parts of its contained elements. You can, sometimes, set the background color transparent but, this will not work in certain situations, try it:
    Code:
    #dropmenudiv{
    ...
    background-color:transparent;
    }
    If the above works, it will result in a truly transparent (totally see through) background and needs to be applied to an element and its contained elements to work fully. Another approach is to use opacity but, not to make it so low, more like 70 for alpha and 0.70 for moz and regular opacity. Then make your text bold and either darker or lighter than it normally would be.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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