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?
See this article it should answer your question. http://www.w3schools.com/Css/css_image_transparency.asp
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