Wie mache ich ein Kind durchsichtig?
Angenommen, es gibt ein div, sagen Sie " parent-div ". Das übergeordnete Div hat eine Hintergrundfarbe. Was ist, wenn das untergeordnete Div" child-div "muss mit einem transparenten Hintergrund versehen sein, so dass er mit dem Hintergrundbild des Großelternteils mit dem Klassennamen"Verpackun "?
Ich weiß, dass ein untergeordnetes Div CSS-Eigenschaften von einem übergeordneten Div erben kann, aber wie stelle ich den Hintergrund auf transparent ein, sodass das gesamte Bild so aussieht, als hätte das übergeordnete Div eine Lücke?
.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>