2012-11-26 1 views
5

배경 이미지와 투명한 배경색이있는 요소가 있습니다. 나는 IE가 단색으로 떨어지길 원한다.IE7-8에서 fallback을 사용하는 background-image + rgba()

.element { 
    background: url(image.png); 
    background-color: #000; /* should be IE fallback */ 
    background-color: rgba(0,0,0,0.5); 
} 

간단한 질문처럼 보이지만 해결책을 찾을 수 없습니다. 일부 솔루션은 IE7에서만 작동하고 일부는 IE8에서만 작동합니다.

답변

8

이 시도 :

.element { 
    background: url(image.png); 
    background-color: #000; /* IE 8 */ 
    background-color: rgba(0,0,0,0.5); 
    *background-color: #000; /* IE 7 */ 
} 
4

CSS 규칙을 IE8 이하에만 적용하려면 세미콜론 앞에 백 슬래시와 끝에 9 (\ 9)를 추가하십시오.

예 : background-color:#000\9;

source

+0

가 있다는 사실을 숙지 - 제공된 소스 상태로 -이 유효한 CSS 구문이 없습니다. – jnns