html - 背景图片没有响应

Question

开发站点位于 http://www.clhdesigns.com/cliwork/wintermeresod/about.php

我遇到的问题是，如果您查看主页，背景图像可以完美缩放，而在关于我们页面上则完全没有。我正在寻找的是 100% 的比例缩小，这里是我拥有的代码。

<div id="main" class="about">
<div class="inner">
<div class="welcome_intro2">
  <h1>Growing Top Quality Sod</h1>
  <h2>for over 25 years</h2>
</div>

现在这是相应的CSS

#main { float:left; width:100%;   padding:1em 0 3em 0; color:#666;}

.about {
background: url("../images/banner3010.jpg") no-repeat;
height:582px;
width:100%;
}

我正在寻找的是将图像的高度保持在桌面上的位置，但我需要它具有 100% 的响应能力。有任何想法吗？

Answer 1

看看。

.about {
background: url("../images/banner3010.jpg") no-repeat 50% 50%;
height:582px;
}