jQuery에서 텍스트 제외 애니메이션 Div

안녕하세요 여러분 joomla를 사용하여 사이트를 구축하고 있고 내가 포함 된 div의 불투명도를 변경하는 jQuery 모듈을 추가했습니다. 그것은 텍스트를 포함하고 있으며, 텍스트가 다소 불투명 해 보이기 때문에 불투명도를 잃었으므로 텍스트를 100 % 불투명하게 유지하도록 div를 대상으로 어떻게 할 수 있는지 궁금합니다. Heres는 내 코드는jQuery에서 텍스트 제외 애니메이션 Div

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

출처

2010-12-01 Carlos Rios

어쩌면 당신은 텍스트가있는 것을 제외하고 div 안에있는 모든 요소를 선택할 수 있습니다 .. – cambraca

thats 내가하고 싶었던 것이지만, 어떻게 될지 모르겠다. –

난 완전히 불투명 한 아이를 유지하면서 컨테이너의 불투명도를 변경하기 위해 CSS를 사용하려고하고 그것이 불행하게도 할 수없는 결론에 도달했습니다.

내가 제안하는 것은 두 개의 div가 같은 위치에 있지만 배경 레이어로 작동하는 불투명도 만 애니메이션으로 만드는 것입니다.

출처

2010-12-01 20:57:18 PeterT

+1 이것은 내가 찾은 유일한 해결책이다. –

글쎄 그게 짜증이야! 하하 나는 그것을 시도해 볼 것 같아. –

나를 믿어 라. 벽에 머리를 두드리는 것보다 더 낫다. 다른 선택이다. 일단 아이디어에 익숙해지면 그것이 보이는 것처럼 나쁘지는 않습니다. 다른 방법이 없다는 것은 부끄러운 일입니다. 그것은 공정하게 깔끔하게 관리 될 수 있습니다. – PeterT

jQuery에서 텍스트 제외 애니메이션 Div

답변

관련 문제