Supongamos que hay un div, di "parent-div". El elemento primario tiene un color de fondo. ¿Qué pasa si el elemento secundario"child-div", debe configurarse con un fondo transparente, de modo que se configure con la imagen de fondo del abuelo div, con el nombre de la clase"envoltura"?

Sé que un div secundario puede heredar las propiedades css del div primario, pero ¿cómo configuro el fondo para que sea transparente, haciendo que la imagen completa parezca que el divisor primario tiene un agujero?

.wrapper{
  background-image: url('http://media.istockphoto.com/photos/medium-golden-brown-wood-texture-background-picture-id513694258?k=6&m=513694258&s=170667a&w=0&h=xETakP7VjpAtRj9e6rJRYNqw_AJLZ9ovLlC4ebR5BOQ=');
}

.parent-div{
  width: 100px;
  height: 100px;
  background: #ff0000;
  padding: 10px;
  margin: auto;
}

.child-div{
  width: 60%;
  height: 60%;
  margin: auto;
  background: transparent;
  border: 1px solid;
}

<div class="wrapper">
  <div class="parent-div">
    <div class="child-div">
    </div>
  </div>
</div>