퍼블리싱

[css] ie transform calc오류

몽쯔 2021. 2. 24. 10:14

ie에서는 transform안에 calc를 쓰면 오류 처리를 한다.

해결법은 병렬 형식으로 작성하면 된다.

/* ie 오류 구문 */
transform: translateX(-50%) translateY(calc(-100% + 10px));

/*해결법 */
transform: translateX(-50%) translateY(-100%) translateY(+10px);