jquery attr on firefox

Question

전 화면 배경 변경 시스템을 jQuery와 함께하고 있습니다. 사이트에 입장 할 때 전체 화면 크기의 기본 배경을 만들고 클릭 할 때 배경을 변경해야합니다. 오페라에서 모든 것이 잘 작동합니다! 그러나 파이어 폭스는 생각지도 못합니다. 나는 문제가 attr 함수와 함께 있다고 생각한다. 문제를 찾는데 도움을주십시오. 당신이 대답 http://www.hiphopdance.lt

$(document).ready(function(){ 
//default actions 
var now_img="images/bg.jpg"; 
resize(1600,900,"#bgimg",now_img); 
$(window).bind("resize", function() { resize(1600,900,"#bgimg"); }); 
//default actions end 

//clicks 
$('li#red').click(function(){ 
$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'}); 
resize(1024,683,"#bgimg"); 
$(window).bind("resize", function() { resize(1024,683,"#bgimg"); }); 
}); 
//end clicks 

//resize function start 
function resize(img_width,img_height,img_id) 
{ 
    var ratio = img_height/img_width;  
    // Get browser window size 
    var browserwidth = $(window).width(); 
    var browserheight = $(window).height(); 
    // Scale the image 
    if ((browserheight/browserwidth) > ratio){ 
     $(img_id).height(browserheight); 
    $(img_id).width(browserheight/ratio); 
    } else { 
    $(img_id).width(browserwidth); 
    $(img_id).height(browserwidth * ratio); 
    } 
    // Center the image 
    $(img_id).css('left', (browserwidth - $(img_id).width())/2); 
    $(img_id).css('top', (browserheight - $(img_id).height())/2); 
}; 
//resize function end   

}); 

---

감사에서 볼 수있는이 모든

, 난

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg"); 

에

$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'}); 

에서 변화를 시도하고있다 여전히 오페라에서 작동하지만, 소방서에 없다. X/IE

Answer 1

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg"); 

키, 값

또한 Firefox 용 방화범을 사용할 수 있습니다, 그것은 어떤 JS 오류를 반환하는 자바 스크립트 콘솔을 가지고있다.

Answer 2

문제점을 발견했습니다. backround에 z-index : -1 및 모든 site z-index : 5가 있기 때문에 문제는 css 파일에있었습니다. 나는 5에서 0까지 chnaget을 가지고있다. 그리고