我使用的是 flexslider(固定高度为 500 像素),但对其进行了轻微修改,以使图像即使高度超过 500 像素也能很好地显示。因此我添加了
适合对象:封面;对象位置:中心;
到 img-Tag 的 CSS。
但是,这不受支持,并且图像在 Internet Explorer 中以非常难看的方式拉伸。IE有什么好的后备解决方案吗?
我已经在 StackOverflow 上进行了搜索,但所有答案都不是很令人满意。
我使用的是 flexslider(固定高度为 500 像素),但对其进行了轻微修改,以使图像即使高度超过 500 像素也能很好地显示。因此我添加了
适合对象:封面;对象位置:中心;
到 img-Tag 的 CSS。
但是,这不受支持,并且图像在 Internet Explorer 中以非常难看的方式拉伸。IE有什么好的后备解决方案吗?
我已经在 StackOverflow 上进行了搜索,但所有答案都不是很令人满意。
你可以试试这个:
CSS
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
有关更多详细信息,您可以参考这里