대가는 결과를 만든다

[이슈] object-fit가 IE 11에서 적용 안되는 문제 본문

개발/Web관련

[이슈] object-fit가 IE 11에서 적용 안되는 문제

yunzema 2019. 9. 23. 17:48
반응형

img태그의 css속성인 object-fit은 IE 11에서 지원 되지 않는다.

같은 효과를 적용하고 싶다면, div tag의 css background를 이용하면 된다.

 

example)

 

object-fit : cover;

transform : translateY(center);

 

=>

 

background-image : url("path");

background-size : cover;

background-position: center;

 

이렇게 div tag의 background속성으로 제어하면 같은 효과를 낼 수 있음!

Comments