내 배경 그림이 왜 확대됩니까?

필자는 일부 토글 링 항목을 가지고 있으며 배경 그림이 현재 어떤 항목에 따라 확대 또는 축소되는지를 제외하고는 모든 항목이 정상적으로 작동합니다. 더 긴 항목에 대해서는 더 많이 확대하고 더 짧은 항목에 대해서는 확대 된 것처럼 보입니다. 배경은 내 CSS의 body 태그 아래에 있습니다.내 배경 그림이 왜 확대됩니까?

여기 제 배경에 문제가 있습니다. 어떤 도움을 크게 http://jsfiddle.net/michaelpri/urz1sLa8/2/

를 감사 :

body { 
background-image: url("http://housedivided.dickinson.edu/grandreview/wp-content/uploads/2010/02/HD_4USCinfantryDetail.preview.jpg"); 
background-size: cover;

은} 여기 내 전체 코드입니다.

출처

2014-10-31 michaelpri

cover 대신 contain을 사용해보세요.

를 클릭

는 페이지 높이 변경과 배경이 모두를 포함하는, 그래서 그것은 단지 방법의 배경 형식 역할의에.

확대합니다.

출처

2014-10-31 16:55:36

봅니다 background-size: 100% 100%;를 사용하기 위해서는 화면의 크기 body 크기는 메뉴에서이 단락을 표시 할 때 변경 때문에이 확대

출처

2014-10-31 16:56:10 kazy

의 배경을 늘릴 것입니다. 단락을 같은 크기로 만들면 확대/축소가 중지됩니다. 또는 당신이 그들을 몸에 독립적으로 만들면. 아마 position: absolute 도움이 될 것입니다.

출처

2014-10-31 17:00:24 akonsu

내 배경 그림이 왜 확대됩니까?

답변

관련 문제