html - 从圆 Angular 中删除背景

Question

http://i.stack.imgur.com/TP7rY.png

这就是问题所在，我正在尝试，但我无法从圆 Angular 中移除背景颜色。

HTML

<div id="principal" align="center">
<header>
        <h1>
            <img src="images/pg_img.png" onMouseOver="this.src='images/pg_img_hover.png'" onMouseOut="this.src='images/pg_img.png'";>
        </h1>
    </header>
</div>

CSS

#principal {
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.5);
    margin:20px;
}
#principal header {
    margin:0px;
    width:100%;
}
#principal header h1 {
    border:15px solid black;
    border-radius:20px 20px 0 0;
}

好吧，上面是代码。

Answer 1

看看这是否对您有帮助。

双向

#principal {
    background-color:rgba(255, 255, 255, 0.5);
    margin:20px;
    border-radius:20px 20px 0 0;
    overflow:hidden;
}
#principal header {
    margin:0px;
    width:100%;
}
#principal header h1 {
    border:15px solid black;
}

或者

#principal {
    margin:20px;
}
#principal header {
    margin:0px;
    width:100%;
}
#principal header h1 {
    background-color:rgba(255, 255, 255, 0.5);
    border:15px solid black;
    border-radius:20px 20px 0 0;
}