배경 페이드 - 단순히 호버에 배경 이미지를 추가 탐색 호버에 대한 다음과 같은 클래스가

Question

이전 버전의 브라우저를위한 대체 ..

nav a:hover, nav a:focus, nav a:active { 
    background:url(../images/goldNavBG.png) repeat-x; 
    } 

나는 효과에 간단한 CSS3 페이드를 추가하고 싶습니다 -하지만 ie7 +를 지원해야하기 때문에 오래된 브라우저에 대한 후퇴에 대해 걱정하고 있습니다. 두 버전을 모두 지원할 수 있습니까? - 단순히 이전 버전의 bg를 보여 주며 아무 것도 깨지 않습니다!

건배

Answer 1

이 시도 : 비 CSS3 호환 브라우저에

nav a{ 
    /* your other styles */ 
    -webkit-transition: background 0.5s linear; 
    -moz-transition: background 0.5s linear; 
    -o-transition: background 0.5s linear; 
    transition: background 0.5s linear; 
} 

nav a:hover, nav a:focus, nav a:active { 
    background:url(../images/goldNavBG.png) repeat-x; 
} 

는 배경은 전혀 변화로 대체됩니다. http://jsfiddle.net/Vq34s/1/