Question

大家好我正在使用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>

Answer 1

我尝试使用CSS来改变容器的不透明度，同时保持完全不透明的孩子，并得出结论，遗憾的是它无法完成。

我建议你做的是将两个div放在同一个位置，但只设置一个作为背景图层的不透明度。

从jQuery动画Div中排除文本

1 个答案: