파이어폭스 호환 질문입니다.

Question

https://codepen.io/suez/pen/ogYpva 크롬에서는 정확히 나오고 익스도 잘 나오는대 파이어폭스는 갈라져서 나옵니다. 혹시 왜 그런지 아시는분 있으실까요?

마젠토 · Accepted Answer

원인이 되는 CSS를 찾은 것 같습니다.

background-atachment: fixed; 이 문장이 문제인 것 같습니다.

이 문장을 지우고

background-postion-x 로 이미지 위치를 조정하는 것으로 해야 되는데..

rem과 %를 섞어 써서 컨트롤이 힘드네요

마젠토 · Answer

파이어폭스에서 우선 동작되는 코드를 찾아 봤습니다.

트랜지션은 잘되니, 아마도 백그라운드 이미지와 관련된것 같은데..

CSS 실력이 아직 부족해서..

동작되는 것과 비교해서 좋은 결과가 나오길 바랍니다.

볼피드 · Answer

파이어폭스는 -moz- 계열 브라우저입니다 css에서 -moz-으로 처리를 안하는경우 인식을 하지 못하여 오류가 나는 경우가 있습니다