png이미지 파일에 관한 질문입니다 채택완료
진강산가재
3년 전
조회 1,832
다음 카카오 지도
카테고리검색 버튼을 보면
https://apis.map.kakao.com/web/sample/categoryFromBounds/
하나의 png 파일에
은행 마트 약국 주유소,,,등등 각각 6개의 아이콘 그림이 있고 마우스 호버되었을 때 나타나는 이미지를 포함하면 12개의 이미지가 나타납니다,
css를 보면
#category li .category_bg {background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_category.png) no-repeat;}
#category li .bank {background-position: -10px 0;}
#category li .mart {background-position: -10px -36px;}
#category li .pharmacy {background-position: -10px -72px;}
#category li .oil {background-position: -10px -108px;}
#category li .cafe {background-position: -10px -144px;}
#category li .store {background-position: -10px -180px;}
#category li.on .category_bg {background-position-x:-46px;}
이렇게 되어 있고
html코드는
-
은행
-
마트
-
약국
-
주유소
-
카페
-
편의점
이렇게만 되어 있습니다.
즉 li 코드 백그라운드 이미지로 css에서 위의 12개 아이콘이 하나의 파일에 있는 그림 각각을 쓰고 있다는 얘기인데,,,
제가 png파일에 대해서 잘 몰라서 그러는데
png파일은 하나의 이미지가 아닌 내부 이미지를 세트로 활용할 수 있는 이미지인가요?
png 내부에 설정된 각각의 아이디를 보려면 어떻게 보나요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인