[問題] 請問CSS3 圓角是否可做到有遮罩效果？
我想請問，假設有一個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