투명하게 - html 알파




투명 div 안의 비 투명 div (3)

나는 투명 div를 가지고있는 웹 페이지를 만들고있다.

투명 div 안에 불투명 div를 추가하고 싶습니다. 또한 투명하다는 것을 알았습니다.

div를 불투명도로 설정하려고합니다 : 1 그러나 작동하지 않습니다.

어떻게해야합니까?


CSS3를 연구하는 동안 어딘가에서 이것을 발견했고, 적절한 저자에게 신용 할 수있는 곳을 다시 부를 수 없다는 것에 대해 사과드립니다.

하지만 당신이 div에 반투명 배경 단색을 찾고 있다면. 불투명도 / 알파 속성으로 색상을 설정하고 투명도를 조절하는 대신 rgba (rrr, ggg, bbb, aaa) 형식을 사용하여 배경색 속성을 직접 설정하십시오. 이렇게하면 자식 요소가 투명성을 상속하지 않게됩니다.

전의.

#mydiv { background-color: rgba(128,64,0,0.75); }

배경, 패딩, background-origin을 사용하여 패딩을 제어하고 z- 인덱스를 사용하여 요소의 위치를 ​​제어합니다. 예 :

#mydiv{ background: white; padding:100px; background-origin:border-box; z-index:1}

이 문제를 해결하는 방법은 두 가지가 있습니다.

  • 배경 이미지로 투명한 PNG를 사용하여 포함 된 div의 가짜 투명도.
  • div가 나란히 놓 이도록 div를 분리 한 다음 상대적 또는 절대 위치 지정을 사용하여 div를 쌓습니다.




css