테스트 사이트 - 개발 중인 베타 버전입니다

파이어폭스 호환 질문입니다. 채택완료

hong2e 5년 전 조회 3,293

https://codepen.io/suez/pen/ogYpva

 

크롬에서는 정확히 나오고 익스도 잘 나오는대

파이어폭스는 갈라져서 나옵니다.

 

혹시 왜 그런지 아시는분 있으실까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
5년 전

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

 

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

 

이 문장을 지우고

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

 

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

 

https://stackoverflow.com/questions/50676490/background-attachment-fixed-not-working-as-expected-in-firefox">https://stackoverflow.com/questions/50676490/background-attachment-fixed-not-working-as-expected-in-firefox

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

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

 

https://codepen.io/mandycodestoo/pen/QJxwZB

 

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

 

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

 

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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

파이어폭스는 -moz- 계열 브라우저입니다

css에서 -moz-으로 처리를 안하는경우 인식을 하지 못하여 오류가 나는 경우가 있습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인