子div不继承父曲线边框

Question

我有一个小提琴：

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

如何在不指定的情况下使徽标部分弯曲？似乎这应该是可能的。这是代码......

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

Answer 1

.logo {
    ....
    border-radius: inherit;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

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