-1

我以前没有在任何论坛上发过帖子……我通常会尝试自己解决问题。但是我在一个网站上遇到了一个让我非常恼火的问题。

这是网站： 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 中的负边距有关。

这是一个小错误，但它让我很烦。谢谢您的帮助！

4

1 回答 1

2

如果您将背景图像的位置设置为：

background-position: top right;

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

于 2012-09-14T19:47:28.760 回答