부트 스트랩 3 전체 페이지 이미지 배경

나는 다음과 같은 CSS 사용하여 내 페이지에서 전체 페이지 배경 이미지를 가지고 :부트 스트랩 3 전체 페이지 이미지 배경

<html class="full">

지금 노력하고 있어요 :

.full { 
background: url(images/background.png') no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}

이는 HTML 클래스에 부착되어 기본을 사용하여 위에 내용을 올려 놓습니다.

<div class="container">Text Here</div>

결과로 인해 컨테이너가 배경을 밀게됩니다. 연령을 낮추고 내용을 위에 올려 놓으십시오. 이 콘텐츠를 이미지 위에 올려 놓을 수있는 방법은 무엇입니까?

출처

2014-04-24 SBB

귀하의 문제는 가 배경 이미지가 아래로 밀려되고있는 인상을주는 될 수 bootstrap.css

body { 
    background-color: #FFF; 
}

에서이 라인 아래로 아마이지만, 현실에서 단지 흰색 배경을 적용 이미지에 대한 컨테이너 내용의 높이. 이 문제를 해결하는

하나의 옵션은 사용자 정의 CSS에 body CSS를 오버라이드 (override)되어

body { 
    background: transparent; 
}

출처

2014-04-24 22:06:53

부트 스트랩 3 전체 페이지 이미지 배경

답변

관련 문제