引導傳送帶 - 下一個容器中不可見

的容器（在我的代碼「第五塊」）我的圓盤傳送帶（位於「第四塊」）後必須去。但是容器在旋轉木馬下面。當重新加載頁面或滾動輪播時，這是顯而易見的。引導傳送帶 - 下一個容器中不可見

https://jsfiddle.net/l_zemlyanaya/9dxaxusm/4/

這裏是我的HTML代碼：

<div class="fourth-block"> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
     <div class="carousel-inner" role="listbox"> 
      <div class="item active"> 
       <img src="images/carousel-alyona.jpg" alt="Chania"> 
      </div> 
      <div class="item"> 
       <img src="images/carousel-lera.jpg"> 
      </div> 
      <div class="item"> 
       <img src="images/carousel-lesya.jpg"> 
      </div> 
     </div> 

     <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> 
      <span class="carousel-arrow glyphicon glyphicon-menu-left" aria-hidden="true"></span> 
      <span class="sr-only">Previous</span> 
     </a> 
     <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> 
      <span class="carousel-arrow glyphicon glyphicon-menu-right" aria-hidden="true"></span> 
      <span class="sr-only">Next</span> 
     </a> 
    </div> 
</div> 

<div class="fifth-block container-fluid"> 
    <p class="proof-text">SOME TEXT</p> 
</div>

這裏是我的CSS代碼：

.fourth-block { 
width: 100%; 
height: 300px; 
} 

#myCarousel { 
height: 300px; 
} 

fifth-block { 
background: #F2EADC; 
padding-top: 30px; 
height: 200px; 
background-image: url("../images/pic3.jpg"); 
background-repeat: repeat; 
} 

.proof-text { 
font-family: SummerFontLight; 
font-size: 20px; 
text-align: center; 
}

來源

2016-10-08 Lera Zemlyanaya

@AllDani HTTPS ：//jsfiddle.net/l_zemlyanaya/9dxaxusm/4/ –

@AllDani它在Js中並不明顯小提琴，但第五塊是在第四塊，當HTML文件直接在瀏覽器中打開 –

jsfiddle不再爲我加載.. –

轉盤應該被放在頭

來源

2016-10-09 15:08:41

引導傳送帶 - 下一個容器中不可見

回答

相關問題