본문 바로가기

DEVELOP

[Publishing] position 상쇄 ie 대응

728x90

기존 스타일에 position이 정의되어 있을 때 상쇄하는 스타일로 'initial'를 사용하였을 때 ie에서 인식하지 못한다.

position: intial;
left: initial;
bottom: initial;
width: initial;

 

익스에서 initial이 인식되지 않아 빨간 줄로 되어있는 상태

익스를 고려한다면 initial 보단 static를 사용하여 상쇄시킨다.

참고 url:

https://www.w3schools.com/css/css_positioning.asp

 

CSS Layout - The position Property

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

또한 width값을 상쇄시킬때에도 intial이 아닌 auto로 값을 주어야 인식된다.

 

 

따라서 다음과 같이 수정해야 익스에서 인식이된다.

.notice-box__pagination {
    display: inline-block;
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
}