How to Get My CSS Linear Gradient to Work in Ie

Linear-gradient not working in IE 11

try adding this line to the end of your class:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#555555, endColorstr=#666666);

How to make background-image with linear-gradient work on IE 11?

linear-gradient() is supported unprefixed on IE10 RTM and later, including IE11. You never need the -ms- prefix — only the pre-release versions of IE10 required it and those versions don't even run anymore. You're just wasting space by including the prefix in your CSS.

Note that the directional syntax for linear-gradient() is different; what was originally top is now represented as to bottom instead (see this blog post, this question, and the spec for details):

background-image: url(IMAGE), linear-gradient(to bottom, #ffffff, #BEE38F);

linear gradient not working with image in IE 11?

With the following, the linear gradient should work cross-browser:

background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.7) 70%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.7) 70%);
background: linear-gradient(90deg, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.7) 70%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

Also, you should add the image.

---

Related Topics