2010-12-01 54 views
4

嗨,大家好,我使用Joomla建立一个网站,我最近增加了一个jQuery的模块,当你将鼠标悬停在它改变包含div的不透明度。它包含文本,因为它失去了透明度以及对文字看起来俗气,所以我想知道我怎么能目标的div反而使文本保持在100%的不透明度排除的文本。我的继承人代码排除文本动画事业部

<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> 
+0

也许你可以选择div内的所有元素,不包括那些有文字的。 – cambraca 2010-12-01 20:58:22

+0

这就是我想要做的,但我不知道如何 – 2010-12-01 22:05:17

回答

4

我试图使用CSS来改变一个容器的透明度,同时保持完全不透明的孩子,来到它不能这样做,不幸的结论。

我建议你做的是放置在同一个位置两个div但只有一个动画作品,其作为背景图层的不透明度。