css元素背后的背景图像

Question

我试图在我的开门css元素后面放一个背景图片，并且不能为我的生活搞清楚！

代码位于http://codepen.io/anon/pen/ydAKz

必须包含在代码下面才能发布

 script src="http://s.codepen.io/assets/libs/prefixfree.min.js"></script>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <p class="alert"></p>
    <div class="perspective" onclick="openDoor(this)">
        <div class="thumb">
        </div>
    </div>

提前致谢

Answer 1

尝试此代码DEMO

body
{
  /*background-color:#f0f0f0;*/
  background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR2BmZU1kR795PbCjY--wGWcdHvgdq4oM43UgpHSGKF6rk-qrhMiEFqGFe-) no-repeat;
  width: 100%;
  height: auto;
  background-size: contain;
}