2011-02-10 3 views
1

난 그냥 단색으로 #wrapperdiv에 투명도를 적용 : 이것은 잘 작동jQuery를 ("# 래퍼") CSS ({불투명 : 0.5}).

jQuery("#wrapper").css({ opacity: 0.5 }) 

,하지만 난 싶지 않아 그들의 자식 div은 불투명도를 상속받습니다. PNG 투명성 해킹을 사용하지 않고이 동작을 피하는 방법은 무엇입니까?

+1

짧은 대답은 할 수 없습니다. 내용을 다른 컨테이너에 넣어야합니다. –

+0

#wrapper의 배경에 약간의 투명도가 필요한 경우, 단색 대신 rgba()를 사용해보십시오. – ed1nh0

답변

6

불투명도는 항상 하위 요소에 상속됩니다. 이를 피할 방법이 없으며 jQuery로 인한 것이 아니라 불투명도가 작동하는 방식입니다.

1

요소 (및 하위)를 복제하고 오프셋을 가져옵니다. 그런 다음 원래 요소에서 모든 내부 요소를 숨 깁니다. 이제 불투명도를 설정하십시오. 복제 된 요소를 사용하여 위치 및 오프셋을 사용하여 원본 요소 위에 배치합니다. 그러나 이번에는 복제 된 요소에 배경을 숨 깁니다.