diff --git a/packages/gatsby-image/README.md b/packages/gatsby-image/README.md index 311d9193847e9..4a8d6d4aeebe5 100644 --- a/packages/gatsby-image/README.md +++ b/packages/gatsby-image/README.md @@ -127,6 +127,31 @@ export const query = graphql` For other explanations of how to get started with gatsby-image, see this blog post by community member Kyle Gill [Image Optimization Made Easy with Gatsby.js](https://medium.com/@kyle.robert.gill/ridiculously-easy-image-optimization-with-gatsby-js-59d48e15db6e) or this one by Hunter Chang (which also includes some details about changes to gatsby-image for Gatsby v2): [An Intro To Gatsby Image V2](https://codebushi.com/using-gatsby-image/) +## Polyfilling object-fit/object-position for IE + +If you'd like to include a polyfill for the [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)/[`object-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) CSS properties (which [aren't supported](https://caniuse.com/#feat=object-fit) by default in Internet Explorer), import from `gatsby-image/withIEPolyfill` instead: + +```jsx +// Other imports... +import Img from "gatsby-image/withIEPolyfill" + +export default ({ data }) => ( +