jQuery的滑动条不工作在IE

任何人都可以向我说明，为什么这不是在IE中工作？它在其他浏览器中的每个图像都完美衰减，但在IE中执行时，它只显示最后一张图像（图像5）并保持这种状态。也许想出一个可能的解决方案？我是很新的jQuery的 JS：jQuery的滑动条不工作在IE

var rotationTime = 3000; 
var fadeTimer = 500; 
var zStart = 25; 

var totalBanners; 
var currentImage = 1; 

$(document).ready(function(){ 
    totalBanners = $('#fade-slider > div').length; 
    for(i=1;i<=totalBanners;i++){ 
     $('#img-' + i).css('z-index', '' + (zStart-i) + ''); 
    } 
    $(document).everyTime(rotationTime, 'imagefader', function(){   
     if(currentImage < totalBanners){ 
      $('#img-' + currentImage).animate({opacity: 0}, fadeTimer); 
      currentImage += 1; 
     } 
     else{ 
      currentImage = 1; 
      $('#img-' + currentImage).animate({opacity: 1}, fadeTimer, 'linear', function(){ 
       for(i=1;i<=totalBanners;i++){ 
        $('#img-' + i).animate({opacity: 1}, 0); 
       } 
      });   
     }  
    }, 0); 
});

CSS：

@charset "UTF-8"; 
    #fade-slider { 
     width:570px; 
     height:207px; 
     overflow:hidden; 
     margin:0px; 
     padding:0px; 
     position:relative; 
    } 

    .position-zero { 
     position:absolute; 
     top:0px; 
     left:0px; 
    }

HTML：

<div id="fade-slider"> 
         <div id="img-1" class="position-zero"><a href="#"><img src="images/slider/image-1.jpg" alt="Image1" /></a></div> 
         <div id="img-2" class="position-zero"><a href="#"><img src="images/slider/image-2.jpg" alt="Image2" /></a></div> 
         <div id="img-3" class="position-zero"><a href="#"><img src="images/slider/image-3.jpg" alt="Image3" /></a></div>  
         <div id="img-4" class="position-zero"><a href="#"><img src="images/slider/image-4.jpg" alt="Image4" /></a></div>  
         <div id="img-5" class="position-zero"><a href="#"><img src="images/slider/image-5.jpg" alt="Image5" /></a></div>  
        </div>

来源

2012-09-08 Mathias

你是什么意思与*不在IE *中工作？你有任何错误？效果不是你想要的？你可以发布完整的代码（我们没有你的HTML），或者可能是一个jsfiddle或链接到您的网站？ – Oriol

嗨Oriol，我用这个脚本的CSS和HTML更新了代码。它在其他浏览器中的每个图像都完美衰减，但在IE中执行时，它只显示最后一张图像（图像5）并保持这种状态。 – Mathias

我相信你对达灵IE8 - 提IE时...

opacity

不会w ORK正确的IE8，尝试这样的事情

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

半句 '不透明度= 50' 就等于opacity: .5只是相应调整

为IE5- IE7试试这个

filter: alpha(opacity=50);

来源

2012-09-08 22:53:40

哦，我明白了，我已经读过关于不透明度问题。如何将thoose整合到脚本中？ – Mathias

jQuery的滑动条不工作在IE

回答

相关问题