div 맨 아래에서 배경이 중지됩니다.

div의 맨 아래에서 배경이 멈추는 곳에 내 배너의 배경에 문제가 있습니다. 결과적으로 맨 아래에 큰 공백이 있습니다.div 맨 아래에서 배경이 중지됩니다.

응답 성이 뛰어난 웹 사이트이며 화면 크기가 1250px 이하가되면 문제가 발생합니다 (브라우저의 크기를 조정하면 볼 수 있습니다).

나는 방화산을 사용하여 HTML/CSS를 조정할 수 있었지만 (clearfixes 요법을 추가 할 수 있음) 시도했지만 아무런 결과가 없었습니다. enter image description here

This is the website.

출처

2013-08-21 ronnz

이 때 그 아래 원치 않는 공간 1250px 아래 모습입니다 :

이것은 전체 크기로 보는 방법, 그리고 그것을 보는 방법이다

배경 이미지 높이가 짧기 때문에 .slider1 클래스를

.slider1 { 
    background: url("../images/banner-background-01.jpg") repeat-x scroll center 100% transparent; 
    /* Rest of the styles goes here */ 
}

으로 수정해야합니다.

또한, 당신은 주석으로, 당신은 또한 100%로 설정 세로 크기를 의미 y 매개 변수 background-size 속성을 사용하여 시도 할 수 있습니다

출처

2013-08-21 04:44:02

거의 수정했습니다! 그것은 이제 바닥을 덮지 만 상단 부분은 덮지 않습니다. 흰색 인트로 텍스트는 더 이상 적용되지 않습니다. – ronnz

@ronnz 배경 크기를'100 %'로 설정 했습니까? 'background-size : 100 %;와 같이 큰 화면을 가지고있어서 문제를 분명하게 재현 할 수 없다. –

당신은 아마 가장 빠른뿐만 아니라 몇 가지 코드를 게시하지만, 더라면

이 더 도움이 될 것입니다 문제를 해결하는 방법은 다음과 CSS를 추가하는 것입니다 :

.slider1 { 
    background-size: 100% 100%; 
}

출처

2013-08-21 04:47:36

봅니다 .slider1의 배경 속성에서 repeat-x을 제거. 기본 이미지 인 x와 y에서 배경 이미지가 반복되어야합니다.

출처

2013-08-21 04:58:30

div 맨 아래에서 배경이 중지됩니다.

답변

관련 문제