2010-07-21 5 views
-1

나는 모든이의 (어떻게 생겼는지) 국경에서 떨어져 잘 작동이배경 이미지 창

#gui-01-Qa { 
background-image:url(path/to//file.jpg); 
background-repeat: no-repeat; 
background-position: top left; 

}

아래와 같이 CSS에서 배경 이미지 팝업을 만드는거야 충전하지 약 5px가 추가됩니다. 그것은 내 코드에서 오지는 않겠지 만 IE와 Firefox 모두가이를 추가하고 있습니다. 그래서 호랑이는오고 있어요?

어떤 아이디어가 도움이 될 많은 감사 자일스

+0

일부 HTML 코드를 시연 할 수 있습니까? – user11977

+0

나머지 HTML이 도움이 될 것입니다. 그리고 블라인드 추측으로 말하자면 어딘가에 부모 영역에 여백/여백이 있거나 다른 CSS 클래스에서 상속되었을 수 있습니다. 할 수있는 가장 좋은 방법은 방화범이 끌린 물건을 검사하고 사용 된 실제 스타일을 살펴 보는 것입니다. – enricog

답변

0

경계가 body 요소에 패딩이나 마진이 가장 가능성이있다. html, body { margin:0; padding:0;}을 추가하거나 CSS reset을 사용하십시오.

종횡비를 유지하면서 해상도에 관계없이 전체 창을 채우기 위해 배경 이미지를 늘리는 방법을 궁금한 경우 A List Apart은 최근에 주제에 very good article을 게시했습니다.

+0

위대한 작품 – giles

0

CSS ID가 "gui-01-Qa"인 요소가 테두리를 생성하는 것일 수 있습니다. 여백 및/또는 패딩을 0으로 설정하십시오.