一些引导传送带图像不加载在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上

回答

相关问题