jQuery的偏移（）在Firefox 12

Question

http://jsfiddle.net/suenot/3b3XM/1/

// in FF and IE each() don't work offset() 
// $(this).offset().top return empty string 
$(document).ready(function(){ 
    var index = 0; 
    $('.box').each(function(){ 
     var background = $(this).css('background'); 
     $(this).css('background', 'none'); 
     var height = $(this).css('height'); 
     var top = $(this).offset().top; 
     $('body').prepend('<div id="box' + ++index + '"></div>'); 
     $('#box' + index).css({ 
      'height': height, 
      'background': background, 
      'position': 'absolute', 
      'z-index': '-1', 
      'top': top, 
      'width': '100%' 
     }); 
    }); 
});​ 

請幫助我，我無法找到解決方案返回每個空字符串（）。

Answer 1

我不確定$(this).css('background-color');是你想要的，但更新後顯示框。請參見fiddle中的輸出

$(document).ready(function(){ 
    var index = 0; 
    $('.box').each(function(){ 
     var background = $(this).css('background-color'); 
     $(this).css('background', 'none'); 
     var height = $(this).css('height'); 
     var top = $(this).offset().top; 
     $('body').prepend('<div id="box' + ++index + '"></div>'); 
     $('#box' + index).css({ 
      'height': height, 
      'background': background, 
      'position': 'absolute', 
      'z-index': '-1', 
      'top': top, 
      'width': '100%' 
     }); 
    }); 
});