jquery動畫給我在我的網站上的奇怪結果

Question

我以前沒有在任何論壇上發佈...我通常嘗試自己找出問題。但是，我在網站上遇到了一個令我煩惱的問題。

這裏是網站：http://fortiswebsystems.com/

問題：當點擊導航欄的按鈕，背景圖像跳下來，並簡化了。我不想要這個。我已經在Chrome，IE和Firefox中對它進行了測試，結果都一樣。

我一直在試圖修復它的螢火蟲。我認爲這是一個由jQuery animate css函數「changePage」導致的CSS錯誤。下面是函數：

function changePage (page) 
       { 
        if($('#logo').attr('class') != 'small') 
         { 

          $('#logo').animate ({ 
            'margin-top': '-250px', 
            'margin-left': '-250px', 
            height: '150px', 
            width: '150px' 
           } , 2000 , 'easeOutBounce' , function() { 
           $('#logo').attr('class','small'); 
          }); 
          $('#content-flying-page').css({ 
            'display' : 'block' , 
            '-ms-filter' : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)", 
            'filter' : 'alpha(opacity=0)', 
            'opacity' : '0' 
           }).animate ({ 
            '-ms-filter' : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)", 
            'filter' : 'alpha(opacity=100)', 
            'opacity' : '1' 
           }, 2000); 
         } 
         $("#content-active").fadeOut(500); 
         $.get('index.php' , 'ajaxPage=' + page , function (data) { 
          $("#content-active").fadeOut(500, function(){ 
          $("#content-active").html(data).fadeIn(500); 
          $("#content-active").append('<div style="display:none;" id="curpage">' + page + '</div>'); 
         }); 
         }); 
       } 

我相信這是與在#logo負利潤。

這是一個小錯誤，但它讓我很煩惱。感謝您的幫助！

Answer 1

如果您設置背景圖片的位置：

background-position: top right; 

不僅僅是向右..rather，它似乎很好地工作。