當使用鏈接的CSS時，Jssor Slider子彈顯示在頂部

我試圖使用Jssor Slider，我複製了一個演示，它工作正常。當使用鏈接的CSS時，Jssor Slider子彈顯示在頂部

雖然我嘗試將內聯css移動到單獨的css文件中，但子彈瀏覽器顯示在滑塊的頂部而不是底部。

這是我原來的HTML內聯CSS：

 <div id="slider_container" style="top: 0px; left: 0px; width: 1179px; height: 582px;"> 
      <!-- Slides Container --> 
      <div u="slides"> 
       <div><img u="image" src="image/home-banner/logo.jpg"/></div> 
       <div><img u="image" src="image/home-banner/getup.jpg"/></div> 
       <div><img u="image" src="image/home-banner/onroad.jpg"/></div> 
       <div><img u="image" src="image/home-banner/atbed.jpg"/></div> 
      </div> 

      <!--arrow navigator--> 
      <span u="arrowleft" class="slider-arrowl" style="width: 50px; height: 50px;left: 8px"></span> 
      <span u="arrowright" class="slider-arrowr" style="width: 50px; height: 50px;right: 8px"></span> 

      <!-- bullet navigator container --> 
      <div u="navigator" class="slider-bullet" style="position: absolute; bottom: 16px; right: 6px;"> 
       <!-- bullet navigator item prototype --> 
       <div u="prototype" style="POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;"></div> 
      </div> 

     </div>

後，我動風格的css文件：

div#slider_container{ 
    position: relative; 
    margin: auto; 
    margin-top: 40px; 
    padding: 10px; 
    top: 0px; left: 0px; width: 1179px; height: 582px; display: block 
}

enter image description here

來源

2015-02-12 Jaskey

我能看看你的有問題的代碼？ – jssor 2015-02-12 10:38:40

@jssor，請檢查我的更新問題。 – Jaskey 2015-02-12 12:11:27

Jssor滑塊將複製 '外容器'和'幻燈片'容器，同時初始化。它會從重複中刪除id屬性。

重複'外部容器'是縮放滑塊。重複'幻燈片'容器是幻燈片的目的。

我明白了。

請更換

<div id="slider_container"

與

<div id="slider_container" class="slider_container"

而更換

div#slider_container {

與

div.slider_container {

來源

2015-02-13 08:26:53 jssor

你能否也請告訴我原因？ – Jaskey 2015-02-13 08:37:27

請看更新的答案。 – jssor 2015-02-13 09:06:30

當使用鏈接的CSS時，Jssor Slider子彈顯示在頂部

回答

相關問題