使用javascript或Jquery垂直拉伸图像

嘿，我是新来的，我会感谢任何帮助，因为我已经用头撞墙好几个星期了

我目前正在博客上制作Wordpress主题。如果你看一看，你可以看到有一个图像停止，然后形成一个白色背景。图像位于。它显然是在重复，但出于某种原因，它想停下来，而不是回到页脚。我在CSS中尝试了很多东西。如果我将图像设置为“固定”，它会重复到底部，但当您将浏览器变小并从左向右移动时，它会出错。我需要一个能像页脚一样移动的东西

我肯定错过了一些真正简单的东西。我可以提供任何代码，你需要或如果你需要。我愿意接受你们提供的任何帮助

提前感谢,，

---

-T

应用背景不需要javascript，只需使用css即可。创建两个主要分区：站点内容和页脚。告诉site_content“捕获”属于网站的所有内容（除了页脚），并设置您想要的页脚

此外，在站点内容中，请使用以下命令：

---

它将允许您拥有一个垂直自动扩展的div。应用yout background在这个div上重复，它应该像一个符咒一样工作：）

看起来你正在使用一个图像并拉伸它以适应你的背景，只需使用CSS设置一个背景图像。。。这应该是你的身体标签的CSS，然后删除图像

body {
 background: url(http://blog.honora.com/wp-content/themes/honora_blog/images/new_slice_bk.jpg) center top}
 font-size: 62.5%; /* Resets 1em to 10px */
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 color: #333;
 text-align: center;
 margin:0;
 padding:0; 
}

但添加此项后，它与页脚中拉伸的图像不匹配

---

编辑：哇，我刚看了你的页面代码

• 你真的需要清理你的格式（我发现很多
  没有打开
  ）
• 删除用于背景和页脚的标记
• 删除getH函数
• 现在，要使主体图像与页脚一起工作，您需要使用不包含页脚的。。。以下是一个例子：

好的，我不知道为什么我不能添加HTML作为代码，所以

然后将CSS更改为如下所示：

#main-content {
 background: url(http://blog.honora.com/wp-content/themes/honora_blog/images/new_slice_bk.jpg) top center repeat-y;}
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 10px;
 color: #333;
 text-align: center;
 margin:0;
 padding:0; 
}

#footer {
 background: url(http://blog.honora.com/wp-content/themes/honora_blog/images/body_bg_about_4.jpg) bottom center repeat-x;}
 padding:0px;
 margin: 0 auto;    
 clear: both;
}

body{
    background: url('URL of image') repeat-y;
}

---

正如yoda所指出的，您不需要javascript或jQuery。你所需要的就是CSS。确保有一个块元素（可能使用body元素）包含除页脚以外的所有内容，并对图像中的元素应用背景属性。您可能需要修改图像，因为它相当宽。要使其在整个页面上重复，只需添加“repeat-y”属性

可能是这样的：

#main-content {
 background: url(http://blog.honora.com/wp-content/themes/honora_blog/images/new_slice_bk.jpg) top center repeat-y;}
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 10px;
 color: #333;
 text-align: center;
 margin:0;
 padding:0; 
}

#footer {
 background: url(http://blog.honora.com/wp-content/themes/honora_blog/images/body_bg_about_4.jpg) bottom center repeat-x;}
 padding:0px;
 margin: 0 auto;    
 clear: both;
}

body{
    background: url('URL of image') repeat-y;
}