2011-04-11 6 views
1

불투명도가있는 찾고있는 솔루션. div (parent) 안에 다른 div (child)가 있습니다. 부모 div에는 0.5로 설정된 불투명도가있는 배경 이미지가 있습니다. 하위 div는 parent보다 작으며 그의 내부에는 불투명도 1.0의 배경 이미지가 표시됩니다. 가능합니까?다른 div의 불투명도 div

+0

좋아, 개선 할 것을 약속드립니다. 나는 여전히 정상적인 포럼이라고 생각하지만 투표가 다른 사용자에게 유용하다는 것을 알고 있습니다 ... 고마워! – kicaj

답변

-2

부모에게 이미지를 사용하거나 불투명도를 적용해야하는 다른 콘텐츠가있는 경우 다른 div를 자식으로 가질 수는 없지만 대신 div 외부에 놓고 절대적으로 다른 div 위에 배치하십시오.

example

+1

이 방법으로 작업 할 수는 있지만 실제로는 문서의 의미 구조가 엉망입니다. 효과를 얻기 위해 페이지의 HTML을 깨뜨리는 것이 필요한 경우에는 사용하지 않는 것이 좋습니다. – Beejamin

2

그것은 불가능합니다.

부모 div에 불투명도가 설정되어 있으면 모든 하위 div가 불투명도를 상속합니다.

+0

이 솔루션에 대해 알게되면 알려주세요. – Rafee

0

투명도를 배경 이미지 (예 : 투명 PNG)에 넣거나 RGBA 색상을 사용하여 상위 div의 배경에 평면 색상을 넣을 수 있습니다.이 경우 배경을 만들지 않고 배경에만 영향을 미칩니다. 텍스트 또는 자식 요소는 투명합니다.

PNG 이미지와 RGBA 색상은 브라우저에서 100 % 지원되지 않습니다. 이러한 기술을 사용하는 경우 구형 브라우저의 해결 방법을 마련해야 할 수도 있습니다.

관련 문제