Exclure le texte de la distribution animée jQuery

Question

Salut les gars Je construis un site en utilisant joomla et j'ai récemment ajouté un module jQuery qui modifie l'opacité de la div contenue lorsque vous passez la souris dessus. Il contient du texte, et le texte a l'air ringard parce qu'il perd aussi de l'opacité, donc je me demandais comment je pouvais cibler la div mais exclure le texte pour que le texte reste à 100% d'opacité. Heres mon code

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>  
<script>jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     //settings 
     var opacity = 0.5, toOpacity = 1, duration = 350; 
     //set opacity ASAP and events 
     jQuery('.opacity').css('opacity',opacity).hover(function() { 
      jQuery(this).fadeTo(duration,toOpacity); 
     }, function() { 
      jQuery(this).fadeTo(duration,opacity); 
     } 
    ); 
    }); 
    </script> 

Answer 1

J'ai essayé d'utiliser les CSS pour modifier l'opacité d'un récipient tout en maintenant les enfants totalement opaques et sont venus à la conclusion qu'il ne peut se faire, malheureusement.

Ce que je vous suggère de faire est d'avoir deux divs positionnés au même endroit mais animer seulement l'opacité de celui qui fonctionne comme un calque d'arrière-plan.