css 배경 투명하게

 

css로 배경 투명하게 하는 방법입니다.

아래 와 opacity로 처리를 하면

글자와 배경 모두 투명 처리가 됩니다.

 

- 글자와 배경 모두 투명처리

span {
  filter: alpha(opacity=50); //IE 10 이하
  -khtml-opacity:0.5; // khtml, old safari
  -moz-opacity:0.5; // mozilla, netscape
  opacity:0.5 // IE 10, fx, safari, opera
  }

 

이 때 배경만 처리 하고 싶다면 아래와 같이 적용하면 됩니다.

 

 

- 배경만 투명처리 ( IE8 이하에서는 적용되지 않습니다.)

span {
	background-color: rgba( 255, 255, 255, 0.5 );
}