html – 对象适合的替代选项:用于Internet Explorer的封面

前端之家收集整理的这篇文章主要介绍了html – 对象适合的替代选项:用于Internet Explorer的封面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在寻找对象适合的另一种方法:覆盖Internet Explorer,因为它不支持它.基本上我使用的是物体贴合:盖子不会拉伸div内的图像.我在互联网上寻找一些解决方案,但我找到的所有解决方案都是从css加载图像而不是img标签,就像我正在做的那样.有没有人有任何替代方法不在Internet Explorer上的div内拉伸图像任何人都可以帮助我吗?

这是一个简单的代码

HTML

CSS

  1. .grid-image {
  2. width: 100%;
  3. background-color: grey;
  4. position: relative;
  5. overflow: hidden;
  6. height: 100%;
  7. }
  8. grid-image img {
  9. object-fit: cover;
  10. width: 100%;
  11. height: 100%;
  12. overflow: hidden;
  13. }
最佳答案
好的,我用这个解决

HTML

CSS

  1. -webkit-background-size: cover;
  2. -moz-background-size: cover;
  3. -o-background-size: cover;
  4. background-size: cover;
  5. background-repeat: no-repeat;
  6. background-position: 50% 50%;

猜你在找的HTML相关文章