CSS 변수의 IE 지원에 대한 해킹이 있습니까?

Question

테마 변수 및 테마 배경에 CSS 변수를 사용하고 있지만 IE에서 코드가 작동하지 않습니다. CSS 변수의 IE 지원에 대한 해킹이 있습니까?

/* Declaring variable*/ 
:root { 
    --theme-color: #323232; 
    --theme-bg-color: #af0069; 
} 

/* Using variable */ 
.btn { 
    background: var(--theme-bg-color); 
    color: var(--theme-color); 
} 

Answer 1

IE는 변수를 지원하지 않습니다. 하지만 LESS 나 SASS 같은 CSS 프리 프로세서를 사용할 수 있습니다. 단이 경우에 사용할 수있을

@themeColor: #323232; 
@themeBgColor: #af0069; 

.btn { 
    background: @themeBgColor; 
    color: @themeColor; 
} 

Answer 2

낮은 키 솔루션 :

프로젝트를 완료 한 다음 CSS 파일을 중복 찾기 및 바꾸기 존경 색상으로 var(--theme-bg-color); 년대의 모든 : #323232;.

이렇게하면 각 반복마다이 단계를 다시 수행해야하지만 Internet Explorer에서도 완벽하게 지원되는 웹 사이트가 보장됩니다.