क्या आरजीबीए पृष्ठभूमि संपत्ति CSS3 संक्रमण द्वारा समर्थित नहीं है?

Question

मैं निम्नलिखित कोड का प्रयास कर रहा हूं लेकिन मुझे किसी प्रकार का संक्रमण नहीं दिख रहा है।

#menu .col_1 a{ 
    -webkit-transition: all .5s ease-out 0.1s; 
    -moz-transition: all .5s ease-out 0.1s; 
    -o-transition: all .5s ease-out 0.1s; 
    transition: all .5s ease-out 0.1s; 
} 

#menu .col_1 a:hover{ 
    background-color: rgb(255, 255, 255); 
    background-color: rgba(255, 255, 255, 0.5); 
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
    /* For IE 8*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
} 

क्या मैंने कुछ गड़बड़ कर दी है या इस प्रकार का संक्रमण समर्थित नहीं है? होवर सही ढंग से काम कर रहा है, मुझे बस कोई संक्रमण नहीं दिख रहा है।

Answer 1

आरजीबीए पृष्ठभूमि CSS3 द्वारा समर्थित हैं। होवर राज्य पर बदलने के लिए आपको प्रारंभिक स्थिति के लिए पृष्ठभूमि संपत्ति की आपूर्ति करने की आवश्यकता है।

#menu .col_1 a { 
-webkit-transition: all .5s ease-out 0.1s; 
-moz-transition: all .5s ease-out 0.1s; 
-o-transition: all .5s ease-out 0.1s; 
transition: all .5s ease-out 0.1s; 
background-color: rgba(0,0,0,1); 
color: red; 
} 

#menu .col_1 a:hover { 
background-color: rgb(255, 255, 255); 
background-color: rgba(255, 255, 255, 0.5); 
/* For IE 5.5 - 7*/ 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
/* For IE 8*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 

}

और यह मामले में काम कर के साथ एक बेला आपको इसकी आवश्यकता: http://jsfiddle.net/TAMA2/