[問題] 請問CSS3 圓角是否可做到有遮罩效果？

[rabbithenry (歡迎光臨Wiiholic.com)]

我想請問，假設有一個HTML與CSS如下

<style type="text/css">
#outer {
    width: 400px;
    height: 300px;
    background: #C0D0DB;
    -webkit-border-radius: 10px;
}
#inner {
    width: 100%;
    height: 50px;
    background: #369;
}
</style>
<div id="outer">
        <div id="inner"></div>
</div>

如果使用CSS3 border-radius 去給 outer 設定圓角，然後 inner 的背景置頂要如何才
不會蓋過圓角？

還是一定要一個個內部的DOM都去各別設定上方圓角或下方圓角呢？

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 220.136.67.168