크롬의 버그 일 것 인데요.
fixed position 의 부모 엘리먼트 의 자식 엘리먼트에서 백그라운드 이미지를 사용하면 이 이미지가 해당 엘리먼트가 나타나야 불러와서 이미지가 없다가 나타나는 어색한 느낌을 줍니다.
물론 매번 그런 것도 아니고 랜덤하게 그리고 서버의 성능에 따라 다른 결과를 보여줄 수도 있습니다. 페이지 구성에 따라 나타나지 않을 수도 있구요.
어제 고정된 위치에 앱다운로드 버튼을 다음 사이트의 것을 밴치마킹해서 적용하다가 이 버그를 다시 확인하게 되었는데요.
제가 어제 구성한 것은
fixed
relative
absolute <-- 백그라운드
위와 같은 구성입니다. 저 fixed 엘리먼트가 화면에 나타나야(스크롤이 되어야) 그때서 백그라운드를 불러오는 현상이 랜덤하게 생깁니다. 이건 크롬의 버그 같습니다.
https://code.i-harness.com/ko-kr/q/13547a2
혹시 위 문제 해결하신 분 계신가요??
제가 사용하는 모바일레이아웃에 비슷한 fixed 의 메뉴쪽에 버튼 아이콘이 백그라운드 이미지로 되어 있는게 있는데 이것도 같은 현상이 발생하니 동일한 문제 입니다.
- 모바일 레이아웃 제작자분께서 새 상품에서는 똑같은 위치에 백그라운드이미지를 빼고 그냥 텍스트만 쓰셨더군요 ㅋ
