Question

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

物体贴合：封面; object-position：center;

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

有关详细信息，请参阅here

适用于flexslider的对象适配的后备解决方案

1 个答案: