웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > webdevetc

인터넷 익스플로러 8 (IE8) 이하에서 색상 적용 안되는 문제, rgba()

Last Modified : 2015-11-15 / Created : 2014-01-24
3,516
View Count
ie 8(익스플로러 8) 이하에서 색상(칼라)이 적용이 안되는 문제가 발생해 이유를 알아봤더니 칼라를 지정하는 속성 값 때문이더군요. 배경 또는 폰트 색상을 지정하기 위해 보통 아래의 방법을 사용합니다. 그런데 4번째 방법인 rgba값은 IE8 이하에서 적용이 안되기때문에 다른 방법을 사용해야 합니다. 아래 예제를 참고하세요.


 Example 
<style>
color: #fff; 또는 #ffffff; // 가장 많이 쓰이는 방법으로 순서대로 레드, 그린, 블루
color: white; 또는 red; // 문자대로 색상을 인식
color: rgb(260, 260, 260); // 1부터 260까지 지정가능
color: rgba(260, 260, 260, 1); // 위와 같으나 1은 투명도를 의미함. 투명도는 0부터 1 사이 지정가능
</style>


요즘들어 투명도 지정옵션이 너무 편리해서 rgba 방법을 자주 사용했는데 IE8 때문이라도 다시 사용 빈도를 줄이고 있습니다. IE8을 위해 속성을 한번 더 지정해야 하는 번거로움을 피하기 위해서죠.

Previous

301, 302 리디렉션(리다이렉트) 차이점 및 사용방법