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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Location
    in .........
    Posts
    260
    Thanks
    183
    Thanked 0 Times in 0 Posts

    Transparent menu problem

    I make a transparent menu and the problem is about the font who on it,I don't want to make the font transparent like the menu,what I should do?

    and this is my css code for the menu:

    Code:
    #sub_menu{
    width:110px;
    position:absolute;
    z-index:1;
    margin-top:0px;
    margin-left:100px;
    visibility:hidden;
    opacity:0.9;
    filter:alpha(opacity=90);
    }

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    Code:
    #sub_menu a {
    /* assuming you are using anchors in the menu, 
    otherwise substitute with <span> */
    
    opacity:1;
    filter:alpha(opacity=100);
    }
    should do the trick.

    a slightly better alternative would be to apply the style to say the LI element of the menu (again, assuming you are using a list to display the menu.)

    that way only the LI is effected, the content of the LI will not be.

  • Users who have thanked met for this post:

    Mido™ (11-09-2009)

  • #3
    Regular Coder
    Join Date
    Aug 2009
    Location
    in .........
    Posts
    260
    Thanks
    183
    Thanked 0 Times in 0 Posts
    yes I use anchors in the menu but even after I tried your way it didn't work specialy in firefox,but when I changed the color of the anchor from white to dark blue it worked well.


  •  

    Posting Permissions

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