hi nick, Thanks for quick reply. That's not the problem. Here is the full code.
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js <view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js>"></script> <style type="text/css" media="screen"> .div1 { background-color:#000000; width:200px; height:200px; filter:alpha(opacity=50); opacity:.5; display:none; } </style> <script> $(document).ready(function(){ $(".div1").fadeIn(5000); }) </script> </head> <body> <div class="div1"></div> </body> </html> please test this code in FF & IE and you will get the diffrence. opacity remains in FF but not in IE Thanks Rupak On Tue, Sep 8, 2009 at 5:35 PM, Nick Fitzsimons <n...@nickfitz.co.uk> wrote: > > 2009/9/8 Rupak <rupakn...@gmail.com>: > > http://jsbin.com/icatu > > > > It doesn't help that your HTML is wrong: > > <div class="div1"><div> > > You aren't closing the div: you need <div class="div1"></div> > > Don't know if this will fix your original problem, but it can't hurt to try > :-) > > Regards, > > Nick. > -- > Nick Fitzsimons > http://www.nickfitz.co.uk/ >
