一些引导旋转木马图像不能在safari mac上加载

Some bootstrap carousel images not loading on safari mac

本文关键字：safari mac 加载 不能 图像 旋转木马      更新时间：2023-09-26

这是一个Wordpress网站，我从CDN加载jQuery 1.9.1和Bootstrap 3.3.5。(我在Bootstrap JS之前加载jQuery)我在旋转木马中有五个图像，但第2，第4和第5个图像在Mac的Safari中没有显示。

这里的一个答案似乎遇到了同样的问题，但他的修复是更新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>

有人遇到同样的问题吗?如有任何帮助，不胜感激

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

所以，如果你有一些带有重音字母的图片试着重命名它们

相关文章：