CSS3 에서 투명도를 주는 속성으로 opacity가 있다.
일반적으로 값을 아래와 같이 주면 된다.
opacity:0 ---->완전 투명
opacity:0.5 ---->반 투명
하지만 낮은 익스8에서 인식이 안되는 문제가 발생한다.
이럴때는 filter속성을 사용하여 투명도를 적용한다.
아래와 같이 적용하자
-ms-filter:alpha(opacity=0); filter:alpha(opacity=0);
그렇다면 css를 작성할때 위의 2가지를 한번에 작성하여 투명도를 주면 된다.
1
2
3
4
5
6
7
8
9
| @charset "utf-8";
/* CSS Code */
opacity:0; /* CSS3 에서 투명도 */
-ms-filter:alpha(opacity=0); filter:alpha(opacity=0); /* 익스플로러8 대비 사용 */
opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); /* 작성방법 */ |
