창을 줄이면 위치가 이동되는 백그라운드 이미지
532
7 asked
안녕하세요 강사님
창 크기를 줄이면 백그라운드 이미지도 같이 줄어 들어서 겹치는 문제에 대해 질문을 요청드려요.
Answer 1
0
배경이미지가 요소의 너비에 따라 움직이는건 정상입니다.
아마도 background-position: center right 라고 주었을거에요. 그러니까 부모요소의 너비가 줄어들더라도 오른쪽에 위치하는 부분은 정상입니다.
모바일 상태에서 배경이미지를 다른 것으로 사용하시려면 미디어쿼리 구간에 모바일에 맞는 배경이미지로 바꿔주거나 사용된 배경이미지를 사용하지 않고 배경색상만 사용하시면 됩니다. 완성본과 강의에도 모바일의 경우 사용된 배경이미지를 사용하지 않고 색상만 사용했습니다.
하드코딩으로 이미지맵(image map) 만들기
1
79
2
슬릭 슬라이더
1
148
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
168
1
반응형 fixed 안먹히는 문제
1
264
2
선생님
2
155
1
.news-thum .date 위치가 안맞아요
1
245
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
369
2
Scroll Reveal Animation 적용이 안되요
1
362
1
완성 후 각 섹션 display:none 주석 시 문제
1
384
3
브라우저를 줄일 때 화면 깨짐
1
633
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
341
1
제이쿼리 탭메뉴 클릭 질문
1
236
1
질문있습니다
1
549
1
질문있습니다.
2
646
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
623
1
slick slider와 .ceo-content영역 겹침
1
720
1
span .badge 부분 참고하실분 하세요
2
333
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
331
1
크롬창을 줄어들면 이미지가 작아짐
1
743
1
scroll behavior 오류
1
267
1
선생님 코딩좀 봐주세요..
1
402
3
왜 전 선생님과 화면이 다를까요?
1
368
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
295
2
flex로 된 부분을 좌우로 애니매이션 할때 발생하는 문제점.
1
212
1