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
    New to the CF scene
    Join Date
    May 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile got to clean my background. Help.

    i got a nice drop down graphic menu, and when it's opens it's got a static one color background...
    i want it will be half transperent(lucid) =that it want be 100% one color and won't be 100% filmy...that the user will be able to see the text behind...

    this is my code:

    Code:
    <style type="text/css">
    
    a:link {color: #3D3434;}
    a:visited {color: #3D3434;}
    a:active {color: #3D3434;}
    a:hover {background-color: #ffffff;}
    a {text-decoration: none;}
    
    #dropmenudiv{
    position:absolute;
    border:1px solid #3D3434;
    border-bottom-width: 1;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    }
    
    #dropmenudiv a{
    width: 100%;
    text-indent: 3px;
    border: 0px solid #3D3434;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    }
    
    #dropmenudiv a:hover
    { /*hover background color*/
    color: red;
    }
    
    </style>
    
    
    
    <!------------------------------------------------------------------------ DROPDOWN MENU-->
    <script type="text/javascript">
    
    //Contents for menu 1
    var menu1=new Array()
    menu1[0]='<a href="http://msnbc.com">French</a>'
    menu1[1]='<a href="http://news.bbc.co.uk">Hebrew</a>'
    menu1[2]='<a href="http://msnbc.com">French</a>'
    menu1[3]='<a href="http://news.bbc.co.uk">Hebrew</a>'
    
    //Contents for menu 2, and so on
    var menu2=new Array()
    menu2[0]='<a href="http://msnbc.com">French</a>'
    menu2[1]='<a href="http://news.bbc.co.uk">Hebrew</a>'
    
    var menu3=new Array()
    menu3[0]='<a href="http://msnbc.com">TEST</a>'
    menu3[1]='<a href="http://news.bbc.co.uk">BCC</a>'
    		
    var menuwidth='150px' //default menu width
    var menubgcolor=''#FFFFFF'  //menu bgcolor 
    var disappeardelay=10  //menu disappear speed onMouseout (in miliseconds)
    var hidemenu_onclick="yes" //hide menu when user clicks within menu?

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    Your request is unclear probably because your English is unclear and you haven’t provided complete code examples. I can tell you that you can achieve semi‐transparency by using these declarations (variables in blue):

    Code:
    opacity: 0.5; /* CSS3; use with most browsers */
    filter: alpha(opacity=50); /* proprietary; use with Microsoft browsers */
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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