난 그냥 단색으로 #wrapper
div
에 투명도를 적용 : 이것은 잘 작동jQuery를 ("# 래퍼") CSS ({불투명 : 0.5}).
jQuery("#wrapper").css({ opacity: 0.5 })
,하지만 난 싶지 않아 그들의 자식 div
은 불투명도를 상속받습니다. PNG 투명성 해킹을 사용하지 않고이 동작을 피하는 방법은 무엇입니까?
난 그냥 단색으로 #wrapper
div
에 투명도를 적용 : 이것은 잘 작동jQuery를 ("# 래퍼") CSS ({불투명 : 0.5}).
jQuery("#wrapper").css({ opacity: 0.5 })
,하지만 난 싶지 않아 그들의 자식 div
은 불투명도를 상속받습니다. PNG 투명성 해킹을 사용하지 않고이 동작을 피하는 방법은 무엇입니까?
불투명도는 항상 하위 요소에 상속됩니다. 이를 피할 방법이 없으며 jQuery로 인한 것이 아니라 불투명도가 작동하는 방식입니다.
요소 (및 하위)를 복제하고 오프셋을 가져옵니다. 그런 다음 원래 요소에서 모든 내부 요소를 숨 깁니다. 이제 불투명도를 설정하십시오. 복제 된 요소를 사용하여 위치 및 오프셋을 사용하여 원본 요소 위에 배치합니다. 그러나 이번에는 복제 된 요소에 배경을 숨 깁니다.
짧은 대답은 할 수 없습니다. 내용을 다른 컨테이너에 넣어야합니다. –
#wrapper의 배경에 약간의 투명도가 필요한 경우, 단색 대신 rgba()를 사용해보십시오. – ed1nh0