-1

私はこれまでどのフォーラムにも投稿したことがありません...私は通常、自分で問題を理解しようとします。しかし、私が本当に迷惑なウェブサイトで私が抱えている問題があります。

ここにサイトがあります：http：//fortiswebsystems.com/

問題：ナビゲーションバーのボタンをクリックすると、背景画像が下にジャンプして楽になります。これいらない。Chrome、IE、Firefoxでテストしましたが、すべて同じ結果になりました。

私はそれを修正しようとしているfirebugをいじっています。jQueryanimatecss関数「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のマイナスマージンと関係があると思います。

小さなバグですが、イライラします。ご協力ありがとうございました！

4

1 に答える 1

2

背景画像の位置を次のように設定した場合：

background-position: top right;

..右だけではなく、うまく機能しているようです。

于 2012-09-14T19:47:28.760 に答える