deepak-rajpal
4/24/2013 - 1:47 PM

In IE Mouse hover fading (such as in menu) not supported because of opacity support not available. Solution: Using css rather than animate,

In IE Mouse hover fading (such as in menu) not supported because of opacity support not available. Solution: Using css rather than animate, just change color that seems to faded color: But disadvantage is that if there are two color in menu, both will change to same color. so this alternative not completly good.

ie-opacity-jquery-support-issue.js
content_copyfile_download
// Following mouse hover fading not supported in ie because of opacity
	jQuery('div#navwrap ul.nav li a').hover(function() {
		jQuery(this).animate({opacity: .4}, "fast");
	}, function() {
		jQuery(this).animate({opacity: 1}, "fast");
	});

// Solution: Using css rather than animate, just change color that seems to faded color:
	
		jQuery('div#navwrap ul.nav li a').hover(function() {
		jQuery(this).css({'color':'#B2C5E0'});
	}, function() {
		jQuery(this).css({'color':'#3F6FB2'});
	});
	
//	But disadvantage is that if there are two color in menu, both will change to same color. so this alternative not completly good.