Question

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

这是我的test site。

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; 我想我真的很接近它...任何想法/建议？如果您需要任何其他信息，请与我们联系。

Answer 1

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

应该是这样的，

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

例如，请查看this link工作正常的地方。

希望，这个会帮助你！

jQuery淡入淡出文本在IE8和

jQuery代码

1 个答案: