웹1.0/CSS, CSS2
css, css3 투명도 주기(접근성)
커드만
2014. 12. 2. 10:39
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); /* 작성방법 */ |