Using jquery to change opacity of a background image

Hi

Is it possibkle to fade out a background image using jquery?

I dont want to effect any text that is on top of the background image.

I dont want to use opacity in CSS but i have little control over the current HTML

Thanks
coolispaulAsked:
Who is Participating?
 
leakim971PluritechnicianCommented:
<div id="wrapper">
  <div id="new_background_image_same_dimension" class="opacity_class"></div>
  <div id="the_old_one_who_had_the_background">
         ANY CONTENT HERE NOT AFFECTED
  </div>
</div>

Open in new window


http://www.mightymeta.co.uk/animating-opacity-of-background-image-in-jquery-without-affecting-child-elements/
http://jorenrapini.com/blog/css/transify-a-jquery-plugin-to-easily-apply-transparency-opacity-to-an-elements-background
0
 
leakim971PluritechnicianCommented:
new_background_image_same_dimension and the_old_one_who_had_the_background need to have style : position:absolute
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.