Предположим, что есть div, скажем,Родитель-ДИВ". У родительского элемента div есть цвет фона. Что если дочерний элемент div"ребенок-ДИВmsgstr "должен быть установлен с прозрачным фоном, таким, чтобы он был установлен с фоновым изображением дедушки и бабушки с именем класса"обертка«?

Я знаю, что дочерний div может наследовать свойства css от родительского div, но как мне установить прозрачный фон, чтобы все изображение выглядело так, как будто у родительского div есть дыра?

.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>