Question

这是一个Wordpress站点，我从CDN加载jQuery 1.9.1和Bootstrap 3.3.5。（我在Bootstrap JS之前加载jQuery）我在旋转木马上有五个图像，但是在Safari for Mac中没有显示第二，第四和第五个图像。

其中一个答案here似乎遇到了同样的问题，但他的修复是更新Bootstrap，我现在正在使用最新版本，但仍然无法显示。

如果有帮助，这是我的标记。我也使用淡入淡出效果而不是幻灯片，但即使将其删除，滑块也不会显示图像。

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

几分钟前我有保存问题。在我的情况下，问题是在我看不到的那些图像的路径中：所有图像文件名中都有一个或多个重音字母。

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

一些bootstrap轮播图像未在safari mac

1 个答案: