저작권 안내: 저작권자표시 Yes 상업적이용 No 컨텐츠변경 No

스프링5 입문

JSP 2.3

JPA 입문

DDD Start

인프런 객체 지향 입문 강의

'CSS 충돌'에 해당되는 글 1건

  1. 2013.04.09 [팁] Boostrap과 네이버 지도API 충돌 해결하기

Bootstrap을 사용한 웹 페이지에서 네이버 지도 API를 사용하면 지도 이미지가 웹 화면에 제대로 출력되지 않는 것을 확인할 수 있다. 그 이유는 Bootstrap에 설정되어 있는 img 태그의 css 값 때문이다.


네이버 지도 API가 사용하는 <div> 영역의 id가 map 이라고 할 경우, 다음과 같이 css를 설정하면 지도에서 사용되는 이미지가 제대로 출력된다.


#map img {

max-width: none;

height: auto;

border: 0

}


다음 지도 API도 동일한 이유로 지도 영역의 이미지가 제대로 출력되지 않는데, 위와 같이 처리하면 올바르게 출력된다.

Posted by 최범균 madvirus

댓글을 달아 주세요