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

回答

相關問題