bgStretcher无法在FireFox或Chrome中工作

好吧，我正在包装一个我的网站，并且遇到了FireFox和Chrome的问题。这两个浏览器的问题是相同的，所以我猜这是一个简单的修复，我只是愚蠢。bgStretcher无法在FireFox或Chrome中工作

所以我使用ajaxblender.com的bgStretcher。一切工作奇妙的IE9，但是当我在FireFox和Chrome上加载网站时，bgStretcher要么不加载，要么不加载正确。背景不起作用的背景和divs被推到最底部，并移动了所有的重击。 HTML代码如下：

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

    // Initialize Backgound Stretcher  
    $('body').bgStretcher({ 
     images: ['images/gervais_street.jpg'], 
     imageWidth: 1024, 
     imageHeight: 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>

我知道我可能做一些愚蠢的事，所以要温柔。感谢大家！

来源

2013-05-13 Larry Maner

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

要考虑的另一件事是使用background-size：cover来覆盖现代浏览器。您可以将bgstretcher调用（包括js和css）放入IE条件语句中以处理IE的背景。

下面是关于这一主题的good link ...

来源

2013-05-13 02:27:14

背景大小：覆盖一个小摆弄后，完美地工作！感谢Shane !!!! – 2013-05-13 03:09:04

尝试选择文档而不是身体

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

来源

2013-05-13 02:10:47 jessie

bgStretcher无法在FireFox或Chrome中工作

回答

相关问题