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
Post a Comment