object-fit:cover 的ie 兼容写法

原创于 2020-05-08 18:30:44 发布 · 置顶 · 2.7k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#html5

小白分享专栏收录该内容

29 篇文章

订阅专栏

本文探讨了object-fit属性在IE浏览器中的兼容性问题，并提供了一种使用绝对定位和transform来实现类似效果的替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

object-fit在ie浏览器中是不兼容的，在网络上搜索了一下这方面的内容，发现看不懂，完全看不懂好吗！大大的眼睛大大的疑惑
在这里插入图片描述
表示好难过！
不说了上代码

.fu{
		width: 100%;
		height: 100%;
		.fu1{
			position:relative;
		    img{
		        min-width: 100%;
		        min-height: 100%;
				object-fit:cover ;
				position: absolute;
				left: 50%;
				transform: translate3d(-50%,0,0);
				z-index: -1;
				top: 0;
		    }
		}
	}

如果有用，请好评呦