jQuery로 요소의 계산 된 불투명도 얻기

Question

jQuery에서 요소의 진정한 불투명도를 얻는 방법이 있습니까? 당신은 물론,

$element.css('opacity') 

와 요소의 정의 투명도를 얻을 수 있지만, 말을하면, 부모는 요소의 진정한 불투명도가 정의 불투명도가 무엇의 절반, 불투명도 0.5을 정의하고있다. jQuery에는이 기능이 있습니까? 그렇지 않다면 기존 플러그인이 있습니까?

플러그인이 없다면 각 단계에서 CSS 불투명도를 곱하여 최상위 부모에 도달 할 때까지 요소의 부모를 반복하여 계산할 수 있습니까? 아니면 내가 고려하지 않은 것이 있습니까? 것을 확인하는 빠른 특성이처럼

Answer 1

는 보이지 않는,하지만 당신이 언급 한대로 당신은 쉽게 그것을 계산할 수 있습니다

이

var opacity = 1; 
$element.parents().andSelf() 
     .each(function(){ opacity *= $(this).css('opacity') || 1 }); 

이 요소는 내가 생각할 수있는 유일한 가장자리 인 경우에 숨겨져 있거나 부분적으로 부동 요소 (부모가 아님)에 의해 숨겨져 있습니다. 필요한 것에 따라 문제가 될 수 있습니다.

예를 사용 : http://jsbin.com/okase/2