How do I get my CSS linear gradient to work in IE?

by

I know this question is quite old, however since it is unaswered and if this can help people, here is my solution to get a linear Gradient working in all mayor Browsers:

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #BDBDBD 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #BDBDBD 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #BDBDBD 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,     #FFFFFF), color-stop(1, #BDBDBD));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #BDBDBD 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #BDBDBD 100%);

There is also an onlie tool to create this CSS gradients, chek it here:

http://ie.microsoft.com/Testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

More Related Contents:

  1. What is the difference between visibility:hidden and display:none?
  2. What does the “+” (plus sign) CSS selector mean?
  3. How does flex-wrap work with align-self, align-items and align-content?
  4. CSS \9 in width property
  5. Opacity CSS not working in IE8
  6. Justify the last line of a div?
  7. Angular-cli from css to scss
  8. Media query to detect if device is touchscreen
  9. CSS: Hover one element, effect for multiple elements?
  10. Style certain characters with CSS
  11. CSS native variables not working in media queries
  12. Every item to have the same width as the widest element [duplicate]
  13. Why doesn’t the CSS calc() function work for me?
  14. Bootstrap grid with fixed wrapper – Prevent columns from stacking up
  15. Is there a way to use two CSS3 box shadows on one element?
  16. Allowed characters for CSS identifiers
  17. How to use relative/absolute paths in css URLs?
  18. How can a variable-height sticky footer be defined in pure CSS?
  19. Which are the most important media queries to use in creating mobile responsive design?
  20. calc() not working within media queries
  21. How do I target elements with an attribute that has any value in CSS?
  22. Absolute positioning ignoring padding of parent
  23. nth-child for every two table rows
  24. Is it possible to change CSS Validation scheme in VS2010
  25. Why are my CSS properties being overridden/ignored?
  26. Put background image over text?
  27. Changing border color in mat-form-field
  28. CSS layout, use CSS to reorder DIVs [duplicate]
  29. css different font sizes on different families
  30. Is it possible to create inline pseudo styles? [duplicate]

Leave a Comment