用于在柔性滑块上拟合对象的回退解决方案

Question

我正在使用柔性滑块（固定高度为500px），但对其进行了轻微修改，以使图像即使高度超过500px也能很好地显示。因此，我添加了

对象适合：覆盖;对象位置：中心;

到 img-Tag 的 CSS。

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

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

Answer 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%; 

有关更多详细信息，您可以参考此处