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

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개

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

로그인