[CSS] 모든 브라우저에 배경투명도 적용되게 하기

배경을 투명으로 하기 위해서는 Opacity가 아닌 다른 방법을 써야 합니다. Opacity가 적용된 Element는 자신은 물론이거니와 하위 자식 Element와 Contents까지 모두 투명해지기 때문이죠. 배경만 투명하게 하는 방법으로 활용되는 방법은 2가지가 있습니다. 투명 PNG를 생성하고 Background-image Property를 사용하는 방법 Element의 배경만 투명하게 하는 Property를 사용하는 방법 의 경우에는 아직도 국내에서 30%~50%를 차지하는 IE6 이하 버전에서는 적용되지 않는 방법입니다. 또한 방법 또한 번거롭고 유지보수하기도 쉽지가 않습니다. 여기에서는 을 통해서 배경의 투명도를 CSS Property의 설정만으로 적용할 수 있는 방법을 안내해드리고자 합니다...

2011.11.09