Hi All

I want to change the opacity of a 'div' from its initial opacity/state
to an other using jQuery's animate function. Here is my test html file

<html>
  <head>
   <script>
    $(document).ready(function(){
      $("#xyz").animate({ opacity: '1'},  5000)  ;
    });
  </script>
  <style>
  .lessvisible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  </style>
</head>
<body>
  <div id="xyz" class="lessvisible">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, ......
  </div>
<div>aaaaaaa</div>
</body>
</html>

In my IE8 browser I don't see any animation but only the end result,
as if the duration is set to 0 seconds.
(I've tested it in IE6 and IE7 which didn't show me any transparency/
animation at all)

Any suggestions ?

thnx
LuCa

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to