CSS의 투명도 값을 조정하는 Opacity 명령어
프로그래밍/CSS2015. 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 사이의 값을 사용해야한다.
반응형
'프로그래밍 > CSS' 카테고리의 다른 글
input 텍스트박스의 ime-mode 한글/영어 전환 제어 속성 (0) | 2015.08.29 |
---|---|
CSS 폰트 사이즈 단위의 정의 (0) | 2015.08.28 |
div의 테두리를 결정하는 border 속성의 명령어 (0) | 2015.08.28 |
텍스트 영문 대/소문자를 text-transform를 이용해 변경하는 방법 (0) | 2015.08.27 |
가운데 정렬을 시키는 margin: 0 auto; 명령어가 적용이 안될때 확인해야하는 부분 (2) | 2015.08.27 |
댓글()