Or you could animate the backgroundColor property. _____
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Erik Beeson Sent: Friday, September 07, 2007 12:20 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: How to fade only the background? Changing opacity affects all child elements. To only fade the "background" just don't have the foreground be a child of it. You could use absolute or relative positioning or negative margins or floats. --Erik On 9/6/07, howa <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > wrote: Hi, The following code will fade the logo, instead of bg, e.g. <html> <head> <script src=" <http://jqueryjs.googlecode.com/files/> http://jqueryjs.googlecode.com/files/ jquery-1.1.4.pack.js" ></script> <style> #bg{ width:600px; height:600px; background-color:blue; } </ style> </head> <body> <script> jQuery(document).ready(function() { jQuery("#bg").fadeTo("slow", 0.5); jQuery("#logo").fadeTo("slow", 1.0); }); </script> <div id="bg"> <img id="logo" src=" <http://www.w3.org/Icons/w3c_main> http://www.w3.org/Icons/w3c_main" /> </div> </body> </html> any workaround? thanks.