Loading...

Search jQuery

Search

jQuery Forum

Internet Explorer and animate opacity

in Using jQuery • 11 years ago

My Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Tesst</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery(window).load(function() {
$('#text').animate({
opacity: 1,
left: 500
}, {
duration: 5000,
});
});
</script>
</head>
<body>
<div style="font: 16px arial; position:relative; left:-500px; opacity:0; filter: alpha(opacity = 0);" id="text"><p>Test Text llala fade in test and animate left</p></div>
</body>
</html>

It is not working in Internet Explorer 8 but in other Browsers as firefox, why?

Regards
Sander S-N

1

Replies(1)

jamesmorrish

Re: Internet Explorer and animate opacity

11 years ago

Hello,

It was working fine for me in IE8, but I got an error in IE7.

Try this jQuery instead:

jQuery(window).load(function() {

$('#text').animate({

opacity: 1,

left: 500

}, 5000);

});

James

James Morrish - Freelance Web Developer