부트 스트랩 3 배경 이미지 여러 섹션

Question

안녕하세요 제 배경 이미지가 도움이 필요합니다. 여러 섹션에 하나의 이미지를 사용하고 싶습니다. 스크롤하면 이미지가 남아 있어야합니다. HTML 태그에서 이미지를 링크 할 때 작동합니다. 그러나 그것은 반응하지 않습니다. 나는 또한 body 태그에서 그것을 시도했다.

저는 트위터 부트 스트랩 프레임 와인을 사용하고 있습니다.

아무도 도와 주실 수 있습니까?

CSS

background: url(../img/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
-o-background-size: cover; 

HTML은

<!-- Intro Section --> 
<section id="intro" class="intro-section"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12"> 
      </div> 
     </div> 
    </div> 
</section> 

<!-- About Section --> 
<section id="about" class="about-section"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12"> 
       <h1>About Section</h1> 
      </div> 
     </div> 
    </div> 
</section> 

Answer 1

뭔가가 코드에서 누락 생각합니다. 다음 예제를 참조하십시오.

또한 스타일이 최상위 래퍼 또는 div에 연결되어 있는지 확인하십시오.

때때로 '컨테이너'클래스를 지정하면 예기치 않은 CSS 문제가 발생할 수 있습니다. 제거하십시오.

Answer 2

여러 섹션에 하나의 이미지를 사용하려면 background-size : 표지 CSS 속성을 사용하십시오. 쉼표로 구분 된 섹션 클래스 선택기를 사용하십시오.

.intro-section, .about-section { 
      background: url(images/slide1.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover; 
      -moz-background-size: cover; 
      background-size: cover; 
      -o-background-size: cover; 

      }