Jquery 动画在我的网站上给我奇怪的结果

Question

我之前没有在任何论坛上发帖...我通常会尝试自己解决问题。但是我在一个网站上遇到了一个问题，这让我很恼火。

这是网站:http://fortiswebsystems.com/

问题:单击导航栏上的按钮时，背景图像向下跳动并缓和。我不想要这个。我已经在 Chrome、IE 和 Firefox 中对其进行了测试，结果都相同。

我一直在摆弄 Firebug 试图修复它。我认为这是由 jQuery 动画 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;

..不仅仅是在右边，它似乎工作正常。