Response title
This is preview!
help with opacity problem please
in Using jQuery
•
12 years ago
Hello Everyone,
I was curious if i could get some help. I'm using a script that changes the opacity of a link to change from 0 to 1 onmouse over. Everything works fine in FF, Safari, Chrome. Even IE9(beta). IE7 and 8 (dont care about 6) the menu has an opacity problem. I'm pretty sure this is because IE7-8 do not support css opacity, they support filter. So i think this is the problem, i could be wrong though. Any advice for me? If you to think its because of that. is there any way to rewrite this to make it work in IE7-8?
Thanks for your time! Code below
You can see the problem if you got to: http://experiencemediaonline.gorillaonemedia.com/ and hover over the menu at the top, you will see it show up with white letters and a horrible outline! This happens in IE7-8
I was curious if i could get some help. I'm using a script that changes the opacity of a link to change from 0 to 1 onmouse over. Everything works fine in FF, Safari, Chrome. Even IE9(beta). IE7 and 8 (dont care about 6) the menu has an opacity problem. I'm pretty sure this is because IE7-8 do not support css opacity, they support filter. So i think this is the problem, i could be wrong though. Any advice for me? If you to think its because of that. is there any way to rewrite this to make it work in IE7-8?
Thanks for your time! Code below
$(function() { $("ul#menu span").css("opacity","0"); $("ul#menu span")
.hover(function () { $(this).stop().animate({ opacity: 1 }, '700'); },
function () { $(this).stop().animate({ opacity: 0 }, '700'); }); });
You can see the problem if you got to: http://experiencemediaonline.gorillaonemedia.com/ and hover over the menu at the top, you will see it show up with white letters and a horrible outline! This happens in IE7-8
1