Question

可能重复：
Disappearing images in IE8 jQuery Cycle

我继承了一个使用JQuery Cycle插件的网站。主页上的幻灯片显示与内页略有不同，其中前者仅仅是作为父包含的子项的img，但后者是作为父项的子项的div，其中包含多个其他元素，具体取决于幻灯片。 / p>

两个滑块在IE8及以下版本的每个浏览器中都运行良好。在这种情况下，主页滑块转换正常，但内页的滑块不会淡出/淡入，并且还会在幻灯片之间留出时间间隔。

滑块的HTML是：

<div id="page-panels">
  <!-- Slide 1 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-1.jpg"
    alt="protecting and providing for you and your family" width="400" height="180"
    />
    <p class="smaller">"Steven developed a thorough plan to meet our complicated needs with a
      blended family and special needs child in a timely manner."
      <br /><span> - &nbsp;Cheryl F.</span>
    </p>
  </div>
  <!-- Slide 2 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-2.jpg"
    alt="avoiding estate tax and probate costs" width="400" height="180" />
    <p class="bigger">"Mr. Jackson made a tough process easy and painless!"
      <br /><span> - &nbsp;Kyle M.</span>
    </p>
  </div>
  <!-- Slide 3 -->
  <div>
    <img class="left" src="<?php bloginfo('template_url'); ?>/images/page-slide-3.jpg"
    alt="keeping your estate plan current with the law" width="400" height="180"
    />
    <p class="bigger">"Integrity, trust - a rare item - it's <em>here!</em>"
      <br /><span> - &nbsp;Ron F.</span>
    </p>
  </div>
</div>

页面下方是JQuery：

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('#page-panels').cycle({
            timeout:    10000,
            speed:        3000,
            slideExpr:     'div'
        });
    });
</script>

但这并没有解决它。

以下是内页的链接：http://www.stevenandrewjackson.com/our-unique-estate-planning-process/ 这是主页：http://www.stevenandrewjackson.com/

非常感谢任何帮助。感谢。

嵌套div的jquery循环在IE8及更早版本中不会褪色

0 个答案: