Исключение текста из jQuery animated Div

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 расположены в одном месте, но анимируют только непрозрачность одного из них, который работает как фоновый слой.