Orionsbelter Posted February 10, 2009 Share Posted February 10, 2009 .icon{ border:0; opacity:0.5; filter: alpha(opacity = 50); } .icon:hover{ opacity:1; filter: alpha(opacity = 100); } it doesn't work in IE why not? Quote Link to comment Share on other sites More sharing options...
Orionsbelter Posted February 10, 2009 Author Share Posted February 10, 2009 anyone? Quote Link to comment Share on other sites More sharing options...
departedmind Posted February 11, 2009 Share Posted February 11, 2009 Work around for IE : add ‘zoom: 1‘ to your CSS .icon{ border:0; filter:alpha(opacity=50); opacity:0.5; zoom: 1 } .icon:hover{ filter:alpha(opacity=100); opacity:1; zoom: 1 } Quote Link to comment Share on other sites More sharing options...
haku Posted February 11, 2009 Share Posted February 11, 2009 It depends on what you mean by 'doesn't work'. Gonna have to be a little more descriptive than that mate. Quote Link to comment Share on other sites More sharing options...
killah Posted February 11, 2009 Share Posted February 11, 2009 It depends on what you mean by 'doesn't work'. Gonna have to be a little more descriptive than that mate. Meaning it does not give full opacity when hovered? This is what i use for image hover's. img { border: none; } .icon { opacity: 0.5; filter: alpha(opacity=50); zoom: 1; } .icon:hover { opacity: 1; filter: alpha(opacity=100); zoom 1; } <img src="image url" class="icon"> Quote Link to comment Share on other sites More sharing options...
haku Posted February 11, 2009 Share Posted February 11, 2009 It could be the haslayout bug, which means that what departedmind said should work (adding zoom). Have you tried it? Quote Link to comment Share on other sites More sharing options...
killah Posted February 11, 2009 Share Posted February 11, 2009 Another problem is if he is using <div> tag's then he must make sure they are not over laping. Quote Link to comment Share on other sites More sharing options...
Orionsbelter Posted February 11, 2009 Author Share Posted February 11, 2009 it did not work, help please Quote Link to comment Share on other sites More sharing options...
killah Posted February 11, 2009 Share Posted February 11, 2009 Are you sure ur div tag's are not overlapping each other? Quote Link to comment Share on other sites More sharing options...
haku Posted February 12, 2009 Share Posted February 12, 2009 Put up a link. Your code looks fine as it is now, so it must be something else that is conflicting with it. But without a link, its hard/impossible to say what the problem is. Quote Link to comment Share on other sites More sharing options...
killah Posted February 12, 2009 Share Posted February 12, 2009 Best bet for you is to give us a link so we can test it. Other thing is that your div's are overlapping. Normaly when div's are overlapping you can not click a link. So maybe put a link next to that hover image. See if you can click it. Quote Link to comment Share on other sites More sharing options...
alphanumetrix Posted February 13, 2009 Share Posted February 13, 2009 Didn't bother to read any of the other posts, so if it's solved already, ignore what I'm about to write: you may need to create a PNG fix, using JavaScript. I'd show you an example, but I can't remember how to write it off the top of my head. sorry... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.