/ / child div erbt nicht den übergeordneten Kurvenrand - css, css3

Kind div nicht erben Elternkurve Grenze - css, css3

Ich habe hier eine Geige:

http://jsfiddle.net/45jQm/6/

Wie kann ich den Logoteil auch ohne Angabe zu gekrümmt bekommen? Das scheint möglich zu sein. Hier ist der Code ...

#wrapper {
position: relative;
background-color:rgba(255,255,255,0.5);
width:200px;
min-height: 985px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
box-shadow: 10px 0px 10px -7px #333, -10px 0px 10px -7px #333;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}


.logo {
position: static;
background-color:rgba(0,0,102,0.7);
padding-top: 10px;
}

Antworten:

3 für die Antwort № 1
.logo {
....
border-radius: inherit;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

http://jsfiddle.net/45jQm/11/