5

我在 IE8 中使用 jQuery 淡入和淡出文本时遇到问题。我正在使用 FlexSlider (WooThemes)。另外...如果可能的话，我还想停止背景图像上的淡入淡出（在幻灯片 1 之后）。

这是我的测试站点。

jQuery 代码

jQuery(window).load(function(){
  jQuery('.flexslider').flexslider({
    animation: "fade",
    animationLoop: false,
    touch: true,
    slideshowSpeed: 10000,
    startAt: 0,
    pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
    pauseOnHover: true,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
    start: function(slider){
    jQuery('body').removeClass('loading');

  },

  after: function(slider) {
    jQuery('#backgman').stop("fade");
  },

  end: function(slider){
    // $('#result').load('form.html');
    // window.location = "template-form.html"
    //alert('Ready was performed.');
  }

  }); 

  jQuery('#slide-text').css({zIndex:7}).fadeOut(0);
  jQuery('#slide-text').css({zIndex:6}).fadeOut(0);

});

我有一个 IE8 css 文件并且使用过opacity:inherit; filter:inherit; 我认为我真的很接近得到它......有什么想法/建议吗？如果您需要任何其他信息，请告诉我。

4

1 回答 1

1

您必须删除您在"UL"标签中使用的 div 并float:left在您的li样式中设置。

应该是这样的

<ul>
  <li style="float:left;">...</li>
  <li style="float:left;">...</li>
</ul>

例如，看看这个链接，它工作正常。

希望，这个对你有帮助！

于 2012-12-20T08:09:09.460 回答