Parallax横幅不能在IE10下工作,很好在其他浏览器中

时间:2013-10-11 21:58:16

标签: jquery html css

所以我在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它,除非有人能告诉我如何把它放在这里而不会变得奇怪。

欢呼声

1 个答案:

答案 0 :(得分:0)

通过将所有关键帧移动到另一个css文件来解决它。无论&gt;&lt;