Multiple gradient stops #56

Closed
mflerackers opened this Issue Aug 2, 2011 · 1 comment

Projects

None yet

3 participants

@mflerackers

Adding additional gradient stops creates invalid code for -webkit-gradient and filter

.box_gradient {
background-color: #999999, #444444 30%;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999, #444444 30%), to(#999999)); /* Saf4+, Chrome /
background-image: -webkit-linear-gradient(top, #999999, #444444 30%, #999999); /
Chrome 10+, Saf5.1+ /
background-image: -moz-linear-gradient(top, #999999, #444444 30%, #999999); /
FF3.6 /
background-image: -ms-linear-gradient(top, #999999, #444444 30%, #999999); /
IE10 /
background-image: -o-linear-gradient(top, #999999, #444444 30%, #999999); /
Opera 11.10+ /
background-image: linear-gradient(top, #999999, #444444 30%, #999999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#999999, #444444 30%', EndColorStr='#999999'); /
IE6–IE9 */
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment