javascript - 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;
}