背景淡入的CSS - 回退舊版本瀏覽器

Question

我有導航懸停它只是增加了懸停背景圖像下面的類..

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

我想實際上添加一個簡單的CSS3褪色 - 但我擔心舊版瀏覽器會出現故障，因爲它需要支持ie7 +，是否可以兼顧這兩種版本 - 所以它只是顯示舊版本的bg，並且不會破壞任何內容！？

乾杯

Answer 1

試試這個：

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; 
} 

在非CSS3兼容的瀏覽器後臺將只是沒有過渡所取代。

這裏有一個演示：http://jsfiddle.net/Vq34s/1/