CSS의 투명도 값을 조정하는 Opacity 명령어

프로그래밍/CSS|2015. 8. 28. 18:14
반응형


IE와 EF 의 투명도를 설정하는 방법은 아래와 같은데


IE8 및 IE8 이전버전의 경우 FILTER: alpha(opacity: 0~100) 를 선언하면 되는데



여기서 IE8에서 위의 Opacity 명령어가 적용되지 않는다면 FILTER: alpha(opacity: 0~100); /* IE 8 */ 라는 명령어를 선언해주면 된다


IE8 이외의 버전이라면 Opacity를 바로 선언하면 되는데 여기서 0~1 사이의 값을 입력해야 한다


예를들어 40%의 투명도를 설정하기 위해선 opacity:0.4 를 선언하면 된다


모질라계열(FF)의 경우 예를들면 style="-moz-opacity:0.4" 를 사용 하면 되고


CSS3(오페라,FF)의 경우

style="opacity:0.4;"background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; 이런식의 선언을 하면 된다



즉 쉽게 설명하자면 IE8과 IE8이전의 버전엔 필터 명령어를 사용해 선언을 해야하며 0~100의 수치를 사용하면 되고 그외에 브라우저의 경우 0~1 사이의 값을 사용해야한다.




반응형

댓글()