배경 이미지가 아래쪽에서 끊어지기 시작합니다

코드가있는 코드 페이지에 대한 링크입니다. 당신이 볼 수 있듯이 Jumbotron 배경 이미지는 바닥에서 잘려나 간다. 그리고 나는 이것을 교정하는 것처럼 보인다. 귀하의 이미지가 사업부보다 훨씬 더 큰배경 이미지가 아래쪽에서 끊어지기 시작합니다

http://cdpn.io/onKzF

출처

2013-10-27 Casey Clayton

이것은 질문이 아닙니다. –

css .jumbotron의 높이가 누락 된 것 같습니다. 시작을 위해 시도해보십시오. 높이 : 437px; – Chelseawillrecover

스택 오버플로에 오신 것을 환영합니다! 코드를 게시 해 주셔서 감사합니다.하지만 질문에 대한 설명을 추가하십시오. 어떤 문제가 있으며, 예상되는 결과는 무엇이며, 지금까지 시도한 내용은 무엇입니까? (http://whathaveyoutried.com)? [질문 체크리스트] (http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist)를 통해 귀하의 질문에 더 잘 답변 할 수 있습니다. 감사! –

앞서 언급 한 바와 같이, 당신의 CSS에 이것을 시도 :

는

.jumbotron { 
    background: url("http://i1244.photobucket.com/albums/gg572/fitnessbeast1/Jumbotron/Tron.png") no-repeat scroll 0 0/cover rgba(0, 0, 0, 0); 
    margin: auto; 
    padding: 0 15px; 
    width: 90%; 
    height: 437px; 
}

출처

2013-10-27 21:44:50 Chelseawillrecover

, 높이를 설정해보십시오. 슬라이딩 도어 기술을 살펴볼 수도 있습니다.

http://css-tricks.com/snippets/css/perfect-css-sprite-sliding-doors-button/

출처

2013-10-27 21:40:23

그냥 .jumbotron 클래스

.jumbotron{height:371px}

에 높이를 추가하거나 대형 기기에 콘텐츠를 추가 컨테이너

<div class="jumbotron"> 
     <h2>Jumbotron</h2> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of 
    </div>

출처

2013-10-28 08:43:12 Ankit

배경 이미지가 아래쪽에서 끊어지기 시작합니다

답변

관련 문제