javascript - 一些 bootstrap 轮播图像无法在 safari mac 上加载

Question

这是一个 Wordpress 站点，我正在从 CDN 加载 jQuery 1.9.1 和 Bootstrap 3.3.5。 (我在 Bootstrap JS 之前加载 jQuery)我的轮播中有五个图像，但第二个、第四个和第五个图像没有在 Mac 版 Safari 中显示。

答案之一here似乎遇到了同样的问题，但他的修复是更新 Bootstrap，我目前正在使用最新的 Bootstrap，但它仍然不会显示。

这是我的标记(如果有帮助的话)。我还使用淡入淡出效果而不是幻灯片，但即使删除它， slider 也不会显示图像。

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>

有人遇到同样的问题吗？希望有任何帮助，谢谢

Answer 1

几分钟前我遇到了保存问题。就我而言，问题出在我看不到的那些图像的路径上:图像文件名中都有一个或多个重音字母。

因此，如果您有一些带有重音字母的图像，请尝试重命名它们。