css - Linear Gradient background in IE 7 - 9 -


i have checkbox , label style, depending whether checkbox checked. far used [selectivizr] script 1 manage :selected propperty working in ie7. somehow gradient not working propper in ie 7, 8 , 9. there should gradient light darker green, deep blue gradient. can't explain strange behavoir, maybe has order of css-rules?

     input[type=checkbox]:checked + label {         background: #00bf00;         background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);         background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);         background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);         background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);         background: linear-gradient(top, #00bf00 0%, #009400 100%);          filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#222', endcolorstr='#45484d',gradienttype=0 ); /* edit: update below:*/         filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00bf00', endcolorstr='#009400',gradienttype=0 );     } 

your hex values wrong ie6-9 part:

filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00bf00', endcolorstr='#009400',gradienttype=0 ); /* ie6-9 */ 

Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -