CSS Hover Opacity Help

Discussion in 'CSS' started by lllpumaslll, Jan 24, 2011.

  1. #1
    I'm trying to add opacity when someone hovers over 3 social media buttons. This is the code I have:

    .custom ul.menu li.social-one a {
    background:none;
    border:none;
    }
    .custom ul.menu li.social-two a {
    background:none;
    border:none;
    }
    .custom ul.menu li.social-three a {
    background:none;
    border:none;
    }
    .custom ul.menu li.social-one, ul.menu li.social-two, ul.menu li.social-three {
    float:right;
    }
    .custom ul.menu li.social-one a, ul.menu li.social-two a, ul.menu li.social-three a {
    padding:0px 3px; padding-top:3px;
    }
    PHP:
    What code do I enter and where?
     
    lllpumaslll, Jan 24, 2011 IP
  2. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #2
    jeremyhowell, Jan 24, 2011 IP
  3. lllpumaslll

    lllpumaslll Well-Known Member

    Messages:
    346
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    118
    #3
    I ended up with this code:
    .custom ul.menu li.social-one a:hover, ul.menu li.social-two a:hover, ul.menu li.social-three a:hover {
    opacity:0.5; filter:alpha(opacity=40);
    }
    PHP:
    That code worked for Mozilla Firefox, but it doesn't hover when I put my cursor over it in Internet Explorer. Did I wrote the code for IE wrong or do I need to change/edit something?

    Thanks for your help
     
    lllpumaslll, Jan 24, 2011 IP
  4. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #4
    What version of IE is that?
     
    jeremyhowell, Jan 24, 2011 IP
  5. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #5
    add zoom:1
     
    radiant_luv, Jan 24, 2011 IP
  6. lllpumaslll

    lllpumaslll Well-Known Member

    Messages:
    346
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    118
    #6
    Nice, thanks. That did it :D
     
    lllpumaslll, Jan 27, 2011 IP