CSS - IE에서 initial 사용대체

initial

css 적용된 내용을 초기화할 때 initial를 많이 사용한다. 그러나 IE에서는 inital를 지원하지 않는다.

https://developer.mozilla.org/ko/docs/Web/CSS/initial
브라우저 호환성에 IE가 X표시가 되어있는 것을 볼 수 있다.

img {
	width: 100%;
}

img.c {
      /* width: initial;*/
      width: auto;
}

.back {
      /* background-color: initial; */
      background-color: transparent;
}

.c-image img {
      /* min-width: initial; */
      min-width: inherit;
}

• width : initial 대신 auto 를 사용
  
• background-color : initial 대신 transparent 사용
  
• min-width : initial 대신 inherit 사용 (inherit 경우 IE 8.0 부터 지원)
  

inherit

부모 요소의 값을 상속하도록 지정한다.
IE 8.0 부터 지원한다.

참고자료 : https://bryan7.tistory.com/414