jQueryアニメーション部門からのテキストの除外

Question

こんにちは、私はjoomlaを使用してサイトを構築していますが、最近私はあなたが上に置かれたときにdivを含む不透明度を変更するjQueryモジュールを追加しました。それにはテキストが含まれていて、テキストはちょっと不透明に見えますので、どのようにしてdivをターゲットできますか？テキストを100％不透明にするように除外します。 HERESに私のコード

<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

私は完全に不透明な子供たちを維持しながら、コンテナの不透明度を変更するためにCSSを使用しようと、それは残念ながら、行うことができないという結論に達したました。

私がお勧めするのは、2つのdivが同じ場所に配置されていますが、背景レイヤーとして機能するものの不透明度のみをアニメートすることです。