object-fit:cover 的ie 兼容写法

最新推荐文章于 2024-08-08 17:29:49 发布

置顶一个小人儿

最新推荐文章于 2024-08-08 17:29:49 发布

阅读量2.6k

点赞数 6

分类专栏：小白分享文章标签： html5

本文链接：https://blog.csdn.net/Ajax_A/article/details/106003455

版权

小白分享专栏收录该内容

29 篇文章 1 订阅

订阅专栏

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;
		    }
		}
	}