在Safari上使用背景图像的元素上的Wow.js显示不正确

Question

我在我的网站上使用Wow.js，它在除Safari（在Windows上运行）之外的所有浏览器（甚至IE ...）上都能正常工作。我正在使用Bootstrap 3。

我在控制台中看到以下错误：

MutationObserver is not supported by your browser.
wow.min.js:2WOW.js cannot detect dom mutations, please call .sync() after loading new content.

有一些提及此问题的here，但它是在通过AJAX加载内容的上下文中，我没有这样做。

这是我的标记：

<style>
    section#background-img{
        background: url("img.jpg");
        background-size: cover;
        background-attachment: fixed;
    }
</style>


<section id="background-img">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 wow fadeInUp" data-wow-duration="800ms">
                <h2>What I can do for you</h2>
                <h3>And how I can help your business grow</h3>
            </div>
        </div>
        <div class="row wow fadeInUp" data-wow-duration="800ms">
            <div class="col-sm-4">
                <!-- content removed for brevity-->
            </div>
        </div>
    </div>
</section>

应该如下所示：

但相反，我看到了这个：

我在本页的其他地方使用Wow.js工作正常。当我使用背景图像时，似乎会出现问题。