Home >Web Front-end >HTML Tutorial >How to implement gradient color in IE11_html/css_WEB-ITnose
How to implement gradient color in IE11_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:04:592047browse
IE11 uses FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#EEEEEE', endColorstr='#ffffff'); Gradient color cannot appear. What should I do now to use gradient color? Ah
Reply to discussion (solution)
background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%); This css3 can be used, but CSS still doesn’t work
I checked caniuse, IE11 supports css3 gradients
background: -webkit-linear-gradient(top, #99c, #bbc );
background: -moz-linear-gradient(top, #bbc, #558);
background: -ms-linear-gradient(top, #bbc, #558);
background: linear -gradient(top, #bbc, #558);
css3 has transmission transition and keyframes animation
IE10 did not support css3 before,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbecf6', endColorstr='#C0D9ED', GradientType='1');
background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%); /*IE* /
You have to add them all