본문으로 바로가기

CSS - opaciy, rgba, filter (투명도 조절 _ IE8)

category 웹코딩/HTML & CSS 2016. 9. 5. 15:35

opacity와 rgab는 둘 다 IE8 이하에서 동작하지 않으므로 다르게 처리해야 한다.

opacity

.box {
    -ms-filter:alpha(opacity=0.5); /* IE8 */
    filter:alpha(opacity=0.5); /* IE7 */
    opacity:0.5;
}

filter : alpha 값을 함께 넣어준다.

rgab

.box {
    background: rgba(255,255,255,0.3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff, endColorstr=#50ffffff);
}

filter : ...gradient 값을 함께 넣어준다.

투명도 부분은 opacity와 다르게 0~100% 숫자값으로 입력해야 한다(위 코드 #50 부분 / 이후는 RGB).


'웹코딩 > HTML & CSS' 카테고리의 다른 글

CSS - opaciy, rgba, filter (투명도 조절 _ IE8)  (0) 2016.09.05
글자수 길이 제한  (0) 2016.08.22

댓글을 달아 주세요