flexslider 上的对象拟合的后备解决方案答案

【问题标题】：Fallback solution for object-fit on flexsliderflexslider 上的对象拟合的后备解决方案
【发布时间】：2017-01-17 17:35:12
【问题描述】：

我使用的是 flexslider（固定高度为 500 像素），但对它进行了轻微修改，以使图像即使高度超过 500 像素也能很好地显示。所以我加了

object-fit：覆盖；对象位置：中心；

到 img-Tag 的 CSS。

但是，这不受支持，并且图像在 Internet Explorer 中以非常难看的方式拉伸。 IE有什么好的后备解决方案吗？

我已经在 StackOverflow 上搜索过，但所有答案都不是很令人满意。

【问题讨论】：

标签： css flexslider object-fit

【解决方案1】：

你可以试试这个：

CSS

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;

更多详情可以参考here

【讨论】：