jquery - 视差横幅在 IE10 下不起作用，在其他浏览器中正常

Question

所以我在 IE10 下的视差横幅错误。它卡住，不动画，并停留在第二张图片上。

它在所有其他浏览器中工作正常。我看不出有什么问题。

这是网站:http://www.onethousandsheep.com/

代码比较长，全部替换成da-plugin提供的代码，不加编辑，我还是遇到同样的问题:反正就是这样:

html:

<div id="da-slider" class="da-slider">
<div class="da-slide">
  <div class="da-img"><a title=""><img src="/img/parallaxweb-design.png" alt="" width="400" height="228"></a></div>
  <h1><a title="Web Design">Web Design</a></h1>
  <div class="pxtext">
    <p>We design websites tailored to your needs, from presentation site to e-commerce.<span>Crisp, responsive and award winning design targeted for your audience.</span></p>
  </div>
</div>
<div class="da-slide">
  <div class="da-img"><a title=""><img src="/img/parallaxdesign.png" alt="" width="400" height="228"></a></div>
  <h1><a title="SEO">SEO</a></h1>
  <div class="pxtext">
    <p>Search Engine Optimisation, your Brand name, ranking at the top of any search engine.<span> We'll ensure you appear above your competition, whatever your expertise.</span></p>
  </div>
</div>
<div class="da-slide">
  <div class="da-img"><a title=""><img src="/img/parallaxbrand.png" alt="" width="400" height="228"></a></div>
  <h1><a title="Brand">Brand</a></h1>
  <div class="pxtext">
    <p>Logo, Business card, Flyer, etc. Your image is important, make it appealing.<span>An esthetic identity, that strikes an impact.</span></p>
  </div>
</div>
<nav class="da-arrows"> 
<span class="da-arrows-prev">
  <div class="arrowContainer">
    <div class="mouseclickleft">
      <div class="topSquareleft"></div>
      <div class="bottomSquareleft"></div>
    </div>
  </div>
  </span> 
  <span class="da-arrows-next">
  <div class="arrowContainer">
    <div class="mouseclickright">
      <div class="topSquareright"></div>
      <div class="bottomSquareright"></div>
    </div>
  </div>
  </span> 
  </nav>

CSS:

css 很大，当我尝试将它放在这里时，它出错了，最好是 f12 它，除非有人能告诉我如何把它放在这里而不会变得奇怪。

干杯

Answer 1

通过将所有关键帧移动到另一个 css 文件解决了这个问题。随便><