一些引導傳送帶圖像不加載在Safari瀏覽器mac上

這是一個WordPress網站，我從CDN加載jQuery 1.9.1和Bootstrap 3.3.5。（我在Bootstrap JS之前加載jQuery）我在循環傳送帶中有五個圖像，但第二，第四和第五個圖像未在Mac版的Safari中顯示。一些引導傳送帶圖像不加載在Safari瀏覽器mac上

一個答案here似乎遇到同樣的問題，但他的修復程序更新引導和我使用的是最新的一個是當下的，但儘管如此，它不會顯示。

這是我的標記，如果有幫助。我也使用淡入淡出效果而不是幻燈片，但即使將其刪除，滑塊也不會顯示圖像。

HTML：

<header id="myCarousel" class="carousel slide carousel-fade"> 
    <div class="carousel-caption"> 
     <!-- overlay caption for all images --> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. 
    </div> 

    <div class="carousel-inner"> 

     <div class="item active"> 
      <div class="fill" style="background-image:url('/img/slider_1.jpg')"></div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('/img/slider_2.jpg')"></div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('/img/slider_3.jpg')"></div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('/img/slider_4.jpg')"></div> 
     </div> 
     <div class="item"> 
      <div class="fill" style="background-image:url('/img/slider_5.jpg')"></div> 
     </div> 

    </div> 

    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <img class="btn-back" src="/img/carousel/btn_back.png"> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <img class="btn-next" src="/img/carousel/btn_next.png"> 
    </a> 
</header>

有沒有人有同樣的問題？將不勝感激任何幫助，謝謝

來源

2015-10-12 Suika

您是否在使用Inspect元素懸停在圖像上時出現任何控制檯錯誤？ –

我做了，但我已經修好了，它沒有連接到滑塊。 – Suika

嗨..你解決了這個問題嗎？ –

我幾分鐘前保存問題。在我的情況下，問題出現在我看不到的那些圖像的路徑中：在圖像文件名中，所有圖像都有一個以上的重音字母。

所以，如果你有一些帶有重音字母的圖像，試着重命名它們。

來源

2016-12-21 13:29:19

一些引導傳送帶圖像不加載在Safari瀏覽器mac上

回答

相關問題