Javascript bgStretcher在FireFox或Chrome中不工作_Javascript_Html_Google Chrome_Firefox

Javascript bgStretcher在FireFox或Chrome中不工作

javascript html google-chrome firefox

Javascript bgStretcher在FireFox或Chrome中不工作,javascript,html,google-chrome,firefox,Javascript,Html,Google Chrome,Firefox,好吧，我正在整理我的网站，我对FireFox和Chrome有意见。这两种浏览器的问题都是一样的，所以我猜这是一个很容易解决的问题，我只是在装傻所以我用的是ajaxblender.com上的bgStretcher。IE9上的一切都非常好，但当我在FireFox和Chrome上加载站点时，bgStretcher要么没有加载，要么加载不正确。背景不起背景的作用，而div被推到了底部，并且移动得很不正常。HTML代码如下所示： <script type="text/javascript">

好吧，我正在整理我的网站，我对FireFox和Chrome有意见。这两种浏览器的问题都是一样的，所以我猜这是一个很容易解决的问题，我只是在装傻

所以我用的是ajaxblender.com上的bgStretcher。IE9上的一切都非常好，但当我在FireFox和Chrome上加载站点时，bgStretcher要么没有加载，要么加载不正确。背景不起背景的作用，而div被推到了底部，并且移动得很不正常。HTML代码如下所示：

<script type="text/javascript">
$(document).ready(function(){

    //  Initialize Backgound Stretcher     
    $('body').bgStretcher({
        images: ['images/gervais_street.jpg'],
        imageWidth: 1024, 
        imageHeight: 720, 
    });

});


$（文档）.ready（函数（）{
//初始化背向拉伸器
$（'body'）.bg担架({
图片：['images/gervais_street.jpg']，
图像宽度：1024，
图像高度：720，
});
});

当我注释掉这一部分时，divs功能正确，但显然没有背景。有人能看出这有什么不对劲吗

以下是该页面的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>gg web design</title>

<link rel="stylesheet" type="text/css" href="css/bgstretcher.css" />
<link rel="stylesheet" type="text/css" href="css/gg.css" />
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/bgstretcher.js"></script>

</head>

<body>

<!-- from ajaxblender.com -->
<script type="text/javascript">
    $(document).ready(function(){

        //  Initialize Backgound Stretcher     
        $('body').bgStretcher({
            images: ['images/gervais_street.jpg'],
            imageWidth: 1024, 
            imageHeight: 720, 
        });

    });
</script>
<!-- end ajaxblender.com script -->

<script src="js/create_menu.js"></script>
<script>
    create_menu();
</script>

<div id="content">
    <center>
        welcome to G<span class="mirror">G</span> web design.
    </center>
</div>

<div id="picture_credit">
    gervais street bridge - photo by steve moore&nbsp;&nbsp;
</div>

<script src="js/create_footer.js"></script>
<script>
    create_footer();
</script>

</body>
</html>


网页设计
$（文档）.ready（函数（）{
//初始化背向拉伸器
$（'body'）.bg担架({
图片：['images/gervais_street.jpg']，
图像宽度：1024，
图像高度：720，
});
});
创建菜单（）；
欢迎来到GG网页设计。
瑞威街大桥-史蒂夫·摩尔摄
创建页脚（）；

我知道我可能在做傻事，所以温柔点。谢谢大家

尝试选择文档而不是正文

$('document').bgStretcher({
    images: ['images/gervais_street.jpg'],
    imageWidth: 1024, 
    imageHeight: 720
});

我要尝试的第一件事是交换加载css的顺序。将bgstretcher.css调用放在最后一个而不是第一个

另一个需要考虑的是使用背景尺寸：现代浏览器的封面。您可以将bgstretcher调用（js和css）放在IE条件语句中，以处理IE的背景

这里有一个关于这个主题的

背景尺寸：经过一点修改后的封面效果非常好！谢谢Shane！！！！